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

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

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

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

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

npm install-g typescript

新增test.ts文件，執(zhí)行tsctest.ts命令生成test.js文件執(zhí)行nodehello.js運行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)建?個最基礎的自動化的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