環(huán)境的配置
首先配置typescript環(huán)境,通過(guò)
npm install -g typescript
這會(huì)給全局安裝tsc命令栓始,這是typescript compile的縮寫(xiě)务冕。
在本地目錄下編譯ts文件,只需要
tsc xx.ts
即可幻赚。
es6與typescript的關(guān)系
代碼提示的秘密d.ts
編譯ts文件的時(shí)候加一個(gè) -d選項(xiàng)禀忆,就會(huì)多出來(lái)一個(gè)xx.d.ts文件。它是做什么的呢落恼?
比如說(shuō)我編譯好一個(gè)類箩退,那么它已經(jīng)變成js了,在另一個(gè)ts文件中佳谦,引用它就是通過(guò)d.ts文件戴涝。這里可以理解為,ide去提示代碼信息钻蔑。編譯完成以后喊括,刪掉原ts文件,在引用它矢棚,會(huì)看到有通過(guò).d.ts導(dǎo)入的提示郑什,倒入后編譯,會(huì)發(fā)現(xiàn)編譯后是通過(guò)d.ts引入的蒲肋。
另外蘑拯,通過(guò)ts寫(xiě)的模塊是通過(guò)js發(fā)布的,那么ts里那么多類型啊怎么辦兜粘?就是通過(guò)d.ts來(lái)記錄的申窘。
ps:可以安裝ts-node直接運(yùn)行ts文件。