怎樣搭建TypeScript手動編譯環(huán)境和自動編譯環(huán)境？

TypeScript是具有類型語法的JavaScript，是一門強(qiáng)類型的編程語言。TypeScript編寫的代碼是無法直接在js引擎(瀏覽器/NodeJs)中運(yùn)行的，最終還需要經(jīng)過編譯變成js代碼才可以正常運(yùn)行。

既可以在開發(fā)時使用TS編寫代碼（享受強(qiáng)類型帶來的好處），同時保證實(shí)際運(yùn)行的還是JS代碼。

搭建手動編譯環(huán)境

全局安裝typescript包（編譯引擎）->注冊tsc命令。

npm install-g typescript

新增test.ts文件，執(zhí)行tsctest.ts命令生成test.js文件執(zhí)行nodehello.js運(yùn)行js文件查看效果。

/**
命令說明：
   1. npm create vite@latest    使用最新版本的
   2. ts-pro    項?名稱
   3. -- --template vanilla-ts     創(chuàng)建項目使用的模板為原生ts模板
*/
npm create vite@latest   ts-pro-- --template vanilla-ts

搭建工程化下的自動編譯環(huán)境

基于工程程化的TS開發(fā)模式(webpack/ vite)，TS的編譯環(huán)境已經(jīng)內(nèi)置了，無需手動安裝配置，通過以下命令即可創(chuàng)建?個最基礎(chǔ)的自動化的TS編譯環(huán)境。

/**
命令說明：
   1. npm create vite@latest    使用最新版本的
   2. ts-pro    項?名稱
   3. -- --template vanilla-ts     創(chuàng)建項目使用的模板為原生ts模板
*/
npm create vite@latest   ts-pro-- --template vanilla-ts