環(huán)境前提：
node.js : v8.*
typescript : 3.4.5
vscode:1.* (去官網(wǎng)下載最新版就對(duì)了)
安裝npm依賴包
npm init
npm install typescript --save-dev
npm install ts-node --save-dev
目錄下新建 tsconfig.json
tsc --init
打開(kāi)tsconfig.json擦俐，修改如下：
{
"compilerOptions": {
"module": "commonjs",
"target": "es5",
"noImplicitAny": true,
"outDir": "./dist",
"sourceMap": true
},
"include": [
"src/**/*"
]
}
配置 launch.json
打開(kāi) DEBUG 界面携狭，添加配置 矗晃，如下圖
launch.json.png
launch.json :
{
"version": "0.2.0",
"configurations": [
{
"name": "Current TS File",
"type": "node",
"request": "launch",
"program": "${workspaceRoot}/node_modules/ts-node/dist/bin.js",
"args": [
"${relativeFile}"
],
"cwd": "${workspaceRoot}",
"protocol": "inspector"
}
]
}
調(diào)試
-
目錄下新建test.ts
ts.png
寫(xiě)完測(cè)試ts文件按F5 或者打開(kāi) debug 界面，就發(fā)現(xiàn)進(jìn)入了斷點(diǎn)错负，并且左邊可以看到相應(yīng)變量。
image.png
好了，下面開(kāi)始你的表演，繼續(xù)學(xué)習(xí)TS吧
傳送門(mén) [TypeScript 入門(mén)教程]： https://ts.xcatliu.com/
