2020-11-04

Cute_boy_xu發表於2020-11-05

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 檔案