溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

VSCode中怎么配置TypeScript自動編譯

發(fā)布時間：2021-02-20 10:21:11 來源：億速云 閱讀：257 作者：小新 欄目：軟件技術(shù)

小編給大家分享一下VSCode中怎么配置TypeScript自動編譯，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

安裝TypeScript編譯器

Visual Studio Code包含TypeScript語言支持，但不包括TypeScript編譯器tsc。您需要在全局或工作區(qū)中安裝TypeScript編譯器，以將TypeScript源代碼轉(zhuǎn)換為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);

VSCode中怎么配置TypeScript自動編譯

新建Tsconfig.json

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

新增任務(wù)

Tenimal->Run Task

VSCode中怎么配置TypeScript自動編譯

選擇tsc:build-tsconfig.json

VSCode中怎么配置TypeScript自動編譯

配置完成

按下F5

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

VSCode中怎么配置TypeScript自動編譯

修改text保存按下F5

VSCode中怎么配置TypeScript自動編譯

看完了這篇文章，相信你對“VSCode中怎么配置TypeScript自動編譯”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手