TypeScript 配置安装与调试

98 阅读1分钟

1.配置淘宝源

npm config set registry https://registry.npm.taobao.org/
//如果后悔了,想撤销淘宝源就运行 
npm config delete registry

2.安装

npm install typescript@2.9.2 -g
npm install ts-node@7.0.0 -g
想尝试新版本的可以去掉 @2.9.2 和 @7.0.0

注意记下 ts-node 安装后的可执行文件路径,后面要用的。

image.png

调试

1. 下载 vscode

2. 创建文件夹 tsdemo

3. 用 vscode 打开 tsdemo 目录

4. 创建 tsdemo/1.ts 作为我们的第一个 TS 文件

5. 在文件里写一句 `console.log(1)` 保存

6. Windows 用户注意了,这里需要单独运行一些命令(Linux 用户和 macOS 用户不用执行
     npm init -y
     npm i -D ts-node typescript
7. 创建 tsdemo/.vscode/launch.json 文件,内容如下:

 {
     "configurations": [
         {
         "name": "ts-node",
         "type": "node",
         "request": "launch",
         "program": "注意看这里,要写成ts-node对应的可执行文件,Windows 用户注意了,你应该写成 ${workspaceRoot}/node_modules/ts-node/dist/bin.js",
         "args": ["${relativeFile}"],
         "cwd": "${workspaceRoot}",
         "protocol": "inspector"
         }
     ]
 }
8. 打开 tsdemo/1.js,找到调试选项,选择 ts-node,然后点击调试

image.png

9. 然后你就可以看到 console.log(1) 的输入结果了(请确保你选中的是 tsdemo/1.ts)

image.png