Ts學習深入淺出
前言:
“我們為需要構建和維護大型JavaScript程式的團隊設計了TypeScript,以滿足他們的需求。TypeScript可幫助他們在軟體元件之間定義介面,並且幫助理解現存JavaScript庫的行為。同時,使用TypeScript的團隊可以將程式碼構建成動態載入的模組,以減少命名衝突的問題。TypeScript可選的型別系統使開發者們可以使用一些高效的開發工具和最佳實踐:靜態檢查,基於符號的導航,程式碼補全和程式碼重構. 摘自——TypeScript語言特性”
基本配置環境:
此部分直接開始我們的乾貨之旅,以下是作者本人經過親身實踐,採用圖文並茂的方式給大家詳細講解基本上手配置環境的過程。
- 如果你用的是VsCode,那麼作者為你感到高興,因為說明你與作者站到了一起。廢話不多說,先上乾貨:
如果你用的是VsCode,那麼作者為你感到高興,因為說明你與作者站到了一起。廢話不多說,先上乾貨:
看見上圖你就知道你Ts的環境已經完成,下面你需要的是擼起袖子書寫你第一句HelloWorld吧!
如果你使用其他程式碼編譯器或者使用的是OS X 或 Linux作業系統,可以下載一個NPM模組,如果你不熟悉npm也不需要擔心,到目前為止,只需要知道它是Node包管理的標準並且是Node.js的預設包管理工具即可。為了能使用npm,你需要先在開發環境中安裝node.js。可以在Node.js的官方網站上 https://node.js.org/找到相應... 。(寫了這麼多騷氣的告訴你,無論你用哪一種node已經無孔不入。已經不再是你的可選項,趕緊下載一個去吧!)對了! 別忘了 npm install -g typescript
繼續在命令列環境下鍵入 tsc -init 進行初始化,
你會發現根目錄下多了 tsconfig.json 的檔案,記錄了編譯成JS的選項
開啟該檔案,會發現主要選項已經幫你設定好了,比較常用的設定是
”target” : 編譯為何種規範,一般設定為 ES5 或者 ES2016/2017
“outdir” : 輸出目錄
“alwaysStrict” : 開啟嚴格模式 (‘use strict’)
命令列下輸入 code . 開啟VSCode進入該目錄,按下 Ctrl+shift+B 快捷鍵會進行編譯,初次編譯會選擇編譯模式