TypeScript 是由微軟公司在 2012 年正式釋出，現在也有 8 年的不斷更新和維護了，TypeScript 的成長速度是非常快的，現在已經變成了前端必會的一門技能。

TypeScript 其實就是 JavaScript 的超集，也就是說 TypeScript 是建立在 JavaScript 之上的，最後都會轉變成 JavaScript。

一：編輯器

我這裡推薦使用微軟的vscode編輯器，目前，無論是開發PHP，前端，python基本上都是在使用這款編輯器。

主要是他同時支援windows，linux，和mac系統。

說回typescript，其和vscode同樣由微軟開發，相容性相對會更好。

VSCode 上有很多專門為 TypeScript 專門作的語法適配，所以在編寫時就會輕鬆快樂起來。

二：安裝typescript

1：安裝node

官方網址：https://node.js.org

下載你要的版本，一路下一步就好了。

安裝成功之後，在終端中輸入node -v，如下圖所示：

2：全域性安裝 typeScript

你要使用 TypeScript 先要在你的系統中全域性安裝一下TypeScript，這裡你可以直接在 VSCode 中進行安裝，安裝命令要使用 npm ，不能使用 yarn

npm install typescript -g  # 用這個
yarn global add typescript  # 不要用這個
 

這裡有一個小小的坑需要注意一下。

我在使用yarn安裝成功之後，無法使用tsc命令。

三：編譯執行ts檔案

選擇一個空目錄，建立demo1.ts

function test()
{
    let str:string = "hello world";
    console.log(test);
}
 
test();

執行demo1.ts檔案

node demo1.ts

使用這個命令會報錯，我們並不能直接使用node來執行ts檔案

我們需要先將ts檔案轉換成js檔案之後，在使用node執行。命令如下：

tsc demo1.ts # 這個命令會生成一個demo1.
 
js檔案
node demo1.js # 執行js檔案

四：使用ts-node執行typescript檔案

上邊的步驟執行ts檔案是沒有問題的，但是相對來講比較麻煩。

我們這裡使用ts-node外掛執行ts檔案一步就可以了。

1：安裝ts-node

npm install -g ts-node

2：使用

ts-node demo1.ts

以上大概就是安裝及使用的過程。

有好的建議，請在下方輸入你的評論。

歡迎訪問個人部落格
https://guanchao.site

歡迎訪問小程式：