环境前提：
node.js : v8.*
typescript : 3.4.5
vscode:1.* (去官网下载最新版就对了)
安装npm依赖包
npm init
npm install typescript --save-dev
npm install ts-node --save-dev
目录下新建 tsconfig.json
tsc --init
打开tsconfig.json，修改如下：
{
"compilerOptions": {
"module": "commonjs",
"target": "es5",
"noImplicitAny": true,
"outDir": "./dist",
"sourceMap": true
},
"include": [
"src/**/*"
]
}
配置 launch.json
打开 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"
}
]
}
调试
-
目录下新建test.ts
ts.png
写完测试ts文件按F5 或者打开 debug 界面，就发现进入了断点，并且左边可以看到相应变量。
image.png
好了，下面开始你的表演，继续学习TS吧
传送门 [TypeScript 入门教程]： https://ts.xcatliu.com/
