1. 安裝
npm install typescript@2.9.2 -g // 下載ts編譯器
npm install ts-node@7.0.0 -g // 下載運(yùn)行環(huán)境
注意記下 ts-node 安裝后的可執(zhí)行文件路徑顷锰，后面要用的呵俏。
image.png
2. 調(diào)試
- 創(chuàng)建文件夾 tsdemo
- 用 vscode 打開 tsdemo 目錄
- 創(chuàng)建 tsdemo/1.ts 作為我們的第一個 TS 文件
- 在文件里寫一句 console.log(1) 保存
- 創(chuàng)建 tsdemo/.vscode/launch.json 文件榕酒，內(nèi)容如下
{
"configurations": [
{
"name": "ts-node",
"type": "node",
"request": "launch",
"program": "注意看這里汛蝙，要寫成ts-node對應(yīng)的可執(zhí)行文件", //此為截圖高亮部分
"args": ["${relativeFile}"],
"cwd": "${workspaceRoot}",
"protocol": "inspector"
}
]
}
- 打開 tsdemo/1.js质帅，找到調(diào)試選項(xiàng)，選擇 ts-node黔牵，然后點(diǎn)擊調(diào)試
-
然后你就可以看到 console.log(1) 的輸入結(jié)果了（請確保你選中的是 tsdemo/1.ts）
image.png
至此聪轿，已經(jīng)下載及配置好TS環(huán)境』郑可直接在VSC上調(diào)試TS陆错。
3. 轉(zhuǎn)譯為JS
運(yùn)行命令
tsc ./1.ts
可將ts文件自動轉(zhuǎn)譯成js文件
