vscode 調試 TypeScript

1 安裝nodejs

2 安裝TypeScript

npm install -g typescript

3 配置vscode自動編譯Ts

1. 創建 配置文件

tsc --init

2. 修改 配置文件（tsconfig.json)

{
	"outDir": "./js/"
}

ts編譯到js文件夾

3. 將ts轉化爲js

運行任務 ==> typescript ==> tsc:監視 tsconfig.json

也可添加task.json 採用 tsc 命令手動編譯

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "command": "tsc",
    "type": "shell",
    //-p 指定目錄；-w watch,檢測文件改變自動編譯
    "args": [
        "-p",
        ".",
        "-w"
    ],
    "reveal": "always",
    "problemMatcher": "$tsc"
}

4 添加運行配置

點擊測試或運行，vscode會自動添加./vscode/launch.json
修改launch.json

{
	"program": "${workspaceFolder}\\js\\${fileBasenameNoExtension}"
}