1. 程式人生 > >TypeScript 學習筆記(一)(安裝、編譯)

TypeScript 學習筆記(一)(安裝、編譯)

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吧