VSCode中配置TypeScript自動(dòng)編譯

相關(guān)推薦：《vscode教程》

安裝typescript編譯器

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

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

安裝

npm install -g typescript

檢查版本-安裝成功會(huì)輸出版本信息

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   } }

新增任務(wù)

Tenimal->Run Task

選擇tsc:build-tsconfig.json

配置完成

按下F5

發(fā)現(xiàn)目錄下多了一個(gè)out文件夾配置的是”outDir”: “out”,DEBUG CONSOLE輸出hello world。

修改text保存按下F5

更多編程相關(guān)知識(shí)，請(qǐng)?jiān)L問：vscode教程！！