經過兩天的簡介，希望大家都對TypeScript(TS)有基本的了解。
今天呢要來講解安裝TS的開發環境。

大致上的流程分為以下四點

1. 安裝Node.js
2. 安裝TypeScript
3. 安裝ts-node
4. 安裝Visual Studio Code開發工具

1. 安裝Node.js

Node.js : Package Manager

Node.js是一個開放源碼(Open Source)、跨平台(cross-platform)的執行階段環境(runtime environment)，
不依賴特定瀏覽器來執行，他還可以運行伺服器JavaScript(JS)程式碼。

附上Node.js網頁連結(https://nodejs.org/en/)
然後選擇適當的下載，
大部分的使用者較適合安裝LTS。

安裝完成後，可以至命令提示字元輸入指令確認，如下

• 檢視安裝的版本
  node -v

• 輔助說明
  node -h

2. 安裝TypeScript(TS)

目的 : 將TS檔轉譯成JS檔

TS可以透過npm工具程式下載，
而安裝好Node.js就會自動安裝npm工具程式了喔，
那麼我們來安裝TS吧。

安裝命令提示字元輸入指令，如下

• 全域
  npm install -g typescript

• 目前專案
  npm install --save-dev typescript

安裝完成後，可以至命令提示字元輸入指令確認，如下

• 測試TS安裝是否正常
  tsc

• 檢視安裝的版本
  tsc --version

• 使用相關資訊
  tsc --help

到這邊TS就安裝完成了，
可以透過命令提示字元輸入指令的方式來做程式撰寫了，
但不使用開發與輔助工具來撰寫效率實在太差了，
所以我們還是接著安裝下去吧。

3. 安裝ts-node

目的 : 可以直接執行TS程式碼

ts-node是可以選擇性安裝的，
因為它屬於輔助工具，
不裝沒關係，
裝了更方便而已，
所以還是裝吧。

安裝命令提示字元輸入指令，如下

• 全域
  npm install -g ts-node

• 使用ts-node執行TS
  ts-node 檔名.ts

4. 安裝Visual Studio Code開發工具

Visual Studio Code(VS Code) : 開發工具

有在寫程式的人不能不知道這，
我就不贅述了，要用其他的也行，
能開發的工具就是好工具，
不過後面我還是以VS Code開發工具為主喔。

附上VS Code網頁連結(https://code.visualstudio.com/)
然後選擇適當的下載即可。

今日結語

到這邊，以上四點就是TS的安裝開發環境流程，
下一篇會針對VS Code開發工具需要的前置作業做講解，
今天就到這啦，
希望大家都安裝順利，明天再接再厲!