天天看點

Typescript的介紹

Typescript安裝 

npm install -g typescript      

檢視安裝的版本

tsc -v      
Typescript的介紹

 我們建立一個1.ts檔案

Typescript的介紹

 注意:浏覽器不能直接識别并編譯typescript的檔案,需要将其轉換成es5

輸入指令

tsc 1.ts      

我們就會看到轉換成的js檔案

Typescript的介紹

 此時我們每次修改檔案都需要輸入指令進行轉換

可以配置檔案自動轉換

Typescript開發工具 Vscode 自動編譯.ts 檔案

1> 使用tsc --init 生成配置檔案 tsconfig.json 

Typescript的介紹
Typescript的介紹
Typescript的介紹

 在這裡配置下儲存即可

此時我們建立檔案1.js,

Typescript的介紹

 此時我們點選終端 -> 運作任務->點選typescript->rsc:監視tsconfig.json

Typescript的介紹
Typescript的介紹
Typescript的介紹
Typescript的介紹