首页 > 其他分享 >Type Script 配置安装与调试

Type Script 配置安装与调试

时间:2022-10-05 15:33:11浏览次数:47  
标签:node npm Script ctrl tsdemo ts Type 调试

1.配置淘宝源

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

2.安装

npm install [email protected] -g
npm install [email protected] -g
想尝试新版本的同学可以去掉 @2.9.2 和 @7.0.0

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

调试

  1. 下载 vscode
    1. 按 ctrl+K ctrl+S
    2. 将格式化文件的快捷键绑定到自己喜欢的按键(我用的是 ctrl+L)
  2. 创建文件夹 tsdemo
  3. 用 vscode 打开 tsdemo 目录
  4. 创建 tsdemo/1.ts 作为我们的第一个 TS 文件
  5. 在文件里写一句 console.log(1) 保存
  6. Windows 用户注意了,这里需要单独运行一些命令(Linux 用户和 macOS 用户不用执行
  7.  npm init -y
     npm i -D ts-node typescript
  8. 创建 tsdemo/.vscode/launch.json 文件,内容如下
  9.  {
         "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"
             }
         ]
     }

    10. 打开 tsdemo/1.js,找到调试选项,选择 ts-node,然后点击调试

 

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

 

标签:node,npm,Script,ctrl,tsdemo,ts,Type,调试
From: https://www.cnblogs.com/heshuo168/p/16755652.html

相关文章