2020-11-04
vscode(version 1.50) 上ts環境配置
準備工作,
1,Node安裝,這是下載地址https://nodejs.org/zh-cn/download/
2,Node 環境變數配置
這時node環境弄好了就可以在cmd中 輸入node xxx.js來運js檔案了。
配置vscode環境
vscode中開啟 Terminal->New Terminal 在終端中輸入cmd
1,輸入 npm i -g typescript 全域性安裝ts
2,開啟你的專案目錄,然後再cmd中輸入 tsc -init 這是侯會出現tsconfig.json 檔案 ,這個時來配置你的專案的
配置可以按下面輸入,具體引數意義百度還是很容易搜到的
{
"compilerOptions": {
"target": "es5",
"noImplicitAny": false,
"module": "amd",
"removeComments": false,
"sourceMap": false,
"outDir": "js"//你要生成js的目錄
}
}
3,編譯專案 按ctrl + shift + B 編譯,這時會有下圖出現
選擇監視模式,這樣一改動ts就會自動編譯成js,然後可以F5執行,點選可能會出現引數格式不對的錯誤
vs code 生成的命令 --watch 多了一個槓 應該 寫成 -watch 所以手動再cmd 模式下寫命令 上圖命令可以寫成
ps:圖中watch 拼錯了
之後就會開啟監視模式,檔案修改就會馬上編譯
按F5 會執行編譯好的js 檔案