TypeScript调试（配置及问题解决）初学

一、创建code目录 右键通过vsCode打开 

 二、新建ts文件

三、ts文件内容代码

console.log('1 准备开始执行 for 循环')
 
for (let i: number = 1; i <= 3; i++) {
  console.log('鲲太大一锅装不下')
}
 
console.log('2 for 循环执行结束')

四、在ts文件点击右键打开集成终端 确保后面步骤 安装命令都在我们项目文件夹下

五、ts好像有node版本要求 尽量使用node12以上 我的是node12

 
npm install -g typescript
 
npm install -g ts-node
 
npm install -D tslib @types/node

确保以及安装了npm及node 再按顺序执行以上命令

六、开始配置调试文件

七、会生成一个launch.json文件 使用我们自己的配置  复制粘贴进去

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "request": "launch",
            "type": "node",
            "name": "调试代码",
            "args": [
                "${workspaceFolder}/demo.ts"
            ],
            "runtimeArgs": ["-r","ts-node/register"]  
        }
    ]
}

八、点击debug 设置断点 启用调试  完结

九、可能npm安装遇到问题

参考百度或ts-node报错 return new TSError(diagnosticText, diagnosticCodes)；_SEKIRO_DJ的博客-CSDN博客