VSCode中配置TypeScript自動編譯

相關推薦：《vscode教程》

安裝typescript編譯器

visual studio Code包含TypeScript語言支持，但不包括TypeScript編譯器tsc。您需要在全局或工作區中安裝TypeScript編譯器，以將TypeScript源代碼轉換為JavaScript（tsc HelloWorld.ts）。

安裝TypeScript的最簡單方法是通過npm，即Node.JS包管理器,-g表示全局安裝。

安裝

npm install -g typescript

檢查版本-安裝成功會輸出版本信息

tsc --version

xm@xm-Vostro-3670:~/project$ tsc --version Version 3.3.3333

新建HelloWorld文件夾和hello_world.ts文件

mkdir HelloWorld

const text:string = 'hello world'; console.log(text);

新建Tsconfig.json

{   "compilerOptions": {       "target": "es5",       "module": "commonjs",       "outDir": "out",       "sourceMap": true   } }

新增任務

Tenimal->Run Task

選擇tsc:build-tsconfig.json

配置完成

按下F5

發現目錄下多了一個out文件夾配置的是”outDir”: “out”,DEBUG CONSOLE輸出hello world。

修改text保存按下F5

更多編程相關知識，請訪問：vscode教程??！