今天要來介紹一下如何 set up TypeScript!
請先到 TypeScript 的官網然後點選下載
即可用以下指令下載 TypeScript 的 compiler 到你的電腦裡,沒有安裝 node.js 跟 npm 的朋友請先記得安裝唷!
npm install -g typescript
或者是如果使用 VScode 的朋友也能直接到 Marketplace 下載 TypeScript 的 extension。
下載完之後就能夠用 tsc <fileName>.ts
這個指令來編譯 TypeScript 的檔案到 JavaScript 的檔案了,或是如果不想每次都手動編譯的話也能使用 tsc <fileName>.ts --watch
或 tsc <fileName>.ts -w
指令來自動監測該 .ts 檔的變化,如果有錯誤的話 TypeScript 的 compiler 也會顯示 error
訊息在 terminal 上。
如果想要一次管理多個 .ts 檔案的話,請下 tsc --init
指令,這會創建一個 tsconfig.json 的檔案,基本上這個檔案就是監控整個專案裡面所有的 .ts 檔的 config 檔,打開裡面會預設很多可以設定的選項。做了這件事之後,再下 tsc
指令,後面不用再帶任何 .ts 檔案名稱,就可以很簡單的一次編譯所有的 .ts 檔了。同理,如果要啟動自動監測模式的話一樣如上,在後面加上 --watch
或是 -w
就可以囉!
第二天的學習筆記先暫時介紹到這邊,明天會繼續介紹如何設定 tsconfig.json。
謝謝各位的閱讀。:)