1. 程式人生 > 實用技巧 >TypeScript使用vsCode自動編譯成js

TypeScript使用vsCode自動編譯成js

寫TypeScript的時候我們需要先將程式碼手動編譯成javaScript才可以在瀏覽器執行,

當前部落格介紹在vsCode中讓TypeScript程式碼可以讓編輯器自動編譯成javaScript

1.首先在vsCode中將開啟終端切換終端到需要的目錄下
在這裡插入圖片描述
2.生成一個tsconfig.json檔案
在這裡插入圖片描述
3. 將tsconfig.json檔案中的outDir註釋開啟,路徑改成自己的
在這裡插入圖片描述
4. 新建一個ts檔案,當前還沒有自動更新在這裡插入圖片描述
5. 終端 -》執行任務
在這裡插入圖片描述
6. 選擇typeScript
在這裡插入圖片描述
7. 選擇監視當前目錄下的
在這裡插入圖片描述
8. ctrl+s後就會自動更新js目錄下的js檔案
在這裡插入圖片描述