更新時(shí)間:2022年11月03日15時(shí)27分 來源:傳智教育 瀏覽次數(shù):
TypeScript是微軟開發(fā)的開源編程語言,設(shè)計(jì)目標(biāo)是開發(fā)大型應(yīng)用。 可以在任何瀏覽器、任何計(jì)算機(jī)、任何操作系統(tǒng)上運(yùn)行。 它是 JS 的超集,為 JS 添加了類型系統(tǒng)。相比 JS,開發(fā)體驗(yàn) 更友好,提前發(fā)現(xiàn)錯(cuò)誤,Bug更少,增加開發(fā)的幸福度。
但注意瀏覽器是無法直接運(yùn)行TS的,因此,需要將 TS 轉(zhuǎn)化為 JS 然后再運(yùn)行。本節(jié)我們就來講解瀏覽器中運(yùn)行 TS 的步驟。
第一步:使用命令 tsc index.ts 將 ts 文件轉(zhuǎn)化為 js 文件。
第二步:在頁面中,使用 script 標(biāo)簽引入生成的 js 文件(注意是 js 文件),具體實(shí)現(xiàn)代碼如下:
<script src="./index.js"></script>
通過script 標(biāo)簽引入生成的 js 文件很方便,但有一個(gè)很大的問題,每次修改 ts 文件后,都要重新運(yùn)行 tsc 命令將 ts 轉(zhuǎn)化為 js 。通常我們可以使用 tsc 命令的監(jiān)視模式,解決這個(gè)問題。
tsc --watch index.ts
注意: --watch 表示啟用監(jiān)視模式,只要重新保存了 ts 文件,就會(huì)自動(dòng)調(diào)用 tsc 將 ts 轉(zhuǎn)化為 js。
北京校區(qū)