TypeScript 學習筆記(一)(安裝、編譯)
阿新 • • 發佈:2018-12-21
TypeScript
TypeScript 是一種由微軟開發的自由和開源的程式語言,它是JavaScript的一個超集,擴充套件了JavaScript的語法。
1、安裝
npm install -g typescript
2、建立TypeScript 檔案 (檔名以 ts 結尾)
.ts 檔案不能被瀏覽器解析,所以要把 .ts 檔案編譯成瀏覽器可解析的 .js 檔案
index.ts
console.log('你好鴨~TS')
3、在命令列上,執行TypeScript編譯器,會自動生成一個index.js檔案
tsc index.ts
但是這樣的話每次想要執行檔案都要編譯一次,非常的麻煩,所以我們可以使用編輯器來自動編譯TypeScript 檔案(以VSCode為例)
VSCode自動編譯.ts檔案
1、建立.ts檔案(例如:index.ts)
2、命令列中執行 tsc --init 自動生成 tsconfig.json
tsc --init
3、修改tsconfig.json檔案 “outDir”: “./js”,
4、編輯器 1.點選“終端” 2.選擇“執行任務” 3.選擇“tsc:監視-tsconfig.json”
5、自動生成js檔案
如此這般之後,你在 .ts 檔案中做的操作都可以編譯到 .js 檔案中。
耐思~o( ̄▽ ̄)d 開始愉快的學習TypeScript吧