如果有錯誤，歡迎留言指教~ Q_Q

為什麼需要 TypeScript?

是一種強型別的語言，可以主動去定義型別，若沒有，則會幫你自動判定型別。

1. 可以提早發現和降低因為型別不正確的一些錯誤
   • JavaScript 是一個弱型別語言，所以在寫的時候並不會幫嚴格檢查
   • 是一種強型別的語言，可以主動去定義型別，若沒有，則會幫你自動判定型別。
2. 可以增加程式碼的可讀性，未來重新接手的時候，也好進入狀況
3. ...

環境建置

以往都是用 npm 下載，現在 yarn 對於安裝速度更快~~

透過 yarn 安裝過的套件都會在本機目錄產生 Cache，砍掉 node_modules 目錄後，再重新安裝都會從 Cache 讀取。

1. 我還是先下載 nvm，來安裝 yarn (跟用 IE 下載 chrome 一樣)

   • 這樣也方便切換不同版本的 node

2. 全域安裝 TypeScript

   • yarn global add typescript -> 母災為啥不行裝 global
     • https://yarnpkg.com/package/typescript
   • npm install -g typescript -> 那還是先用 npm 吧
   • tsc -v -> 檢查是否有安裝和其版本

3. 妳也可以安裝在各自的專案
   4. yarn init -> package.json
   5. yarn add -D typescript
   6. tsc --init -> tsconfig.json
   - 這支設定檔中會告訴 TypeScript 該如何去編譯這個專案資料夾中的 TS 檔、專案的根目錄為何、編譯後的檔案要放在哪、撰寫風格的檢查等等

TypeScript 檔案

JavaScript 的副檔名是 .js
TypeScript 的副檔名是 .ts
如果是用 TypeScript 中有使用到 JSX 則是 .tsx

ref:

https://willh.gitbook.io/typescript-tutorial/introduction/hello-typescript