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 打開(kāi) tsdemo 目錄
- 創(chuàng)建 tsdemo/1.ts 作為我們的第一個(gè) TS 文件
- 在文件里寫(xiě)一句 console.log(1) 保存
- 創(chuàng)建 tsdemo/.vscode/launch.json 文件，內(nèi)容如下
{
"configurations": [
{
"name": "ts-node",
"type": "node",
"request": "launch",
"program": "注意看這里，要寫(xiě)成ts-node對(duì)應(yīng)的可執(zhí)行文件", //此為截圖高亮部分
"args": ["${relativeFile}"],
"cwd": "${workspaceRoot}",
"protocol": "inspector"
}
]
}
- 打開(kāi) tsdemo/1.js，找到調(diào)試選項(xiàng)，選擇 ts-node，然后點(diǎn)擊調(diào)試
-
然后你就可以看到 console.log(1) 的輸入結(jié)果了（請(qǐng)確保你選中的是 tsdemo/1.ts）
image.png
至此，已經(jīng)下載及配置好TS環(huán)境。可直接在VSC上調(diào)試TS。
3. 轉(zhuǎn)譯為JS
運(yùn)行命令
tsc ./1.ts
可將ts文件自動(dòng)轉(zhuǎn)譯成js文件
