vs coed 调试ts

---

前言

vs coed 调试ts的相关设置：

之前仅在cocos creator内使用ts脚本，并未单独调试ts代码。为了方便测试些基本语法和方法，记录下调试相关设置。

---

一、基本原理

1.使用vs code 启动nodejs 进行断点调试。
2.通过ts-node支持ts调试。

二、具体步骤

1.安装Node.js、typescript、ts-node

nodejs下载
正常安装，安装完后 命令行敲下 node -v 看下环境变量是否配置成功（现在win下应该会自动配了）。
继续npm安装typescript、ts-node（也可以选本地）

npm install typescript -g
npm install ts-node -g

2.配置VS Code

1.总之先建个工作目录吧

包含：
src代码目录
.vscode 自动生成的目录

2.配置launch.json文件

1.点击vscode运行和调试，选择创建launch.json，调试器选择node.js
2.修改配置（两种皆可）

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {//配置1
            "type": "node",
            "request": "launch",
            "name": "调试Ts",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "..\\node_modules\\ts-node\\dist\\bin.js",//全局或本地安装ts-node的目录
            "args": [
                "${file}"
            ],
            "internalConsoleOptions": "openOnSessionStart",
        },
        {//配置2
            "type": "node",
            "request": "launch",
            "name": "调试Ts2",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${file}",
            "runtimeArgs": ["-r","ts-node/register"],
            "internalConsoleOptions": "openOnSessionStart",
        }
    ]
}

3.断点调试

在需要调试的ts脚本下打断点，F5 调试，选自己配置的调试器。

4.其他 （仅ts调试无需下方配置）

以上方法不生成编译的js，牵扯ts-node原理，还没看。
有需要可以配置tsconfig ts编译配置文件 tsconfig说明

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es6",
        "outDir": "temp",
    },
    "exclude": [
        "node_modules",
        "library",
        "local",
        "temp",
        "build",
        "settings"
    ]
}

Ctrl+p 输入task+空格 选择运行tsc任务

构建会执行一次
监视会挂在那，文件有变动自动执行

执行报错

解决方法
管理员运行powershell， Get-ExecutionPolicy 默认输出 Restricted，改为 RemoteSigned

Get-ExecutionPolicy
set-ExecutionPolicy RemoteSigned

参考

在VSCode中调试TS
VsCode中搭建TypeScript调试环境