搭建編譯環境

TypeScript 編寫的代碼是無法直接在js引擎( 瀏覽器 / Nodejs )中運行的，最終還需要經過編譯成js代碼才可以正常運行

• 搭建手動編譯環境

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

npm i -g typescript

2???新增?demo.ts文件，執行?tsc?demo.ts?命令生成?demo.js 文件

3???執行?node demo.js?運行 js 文件查看效果

• 搭建工程化下的自動編譯環境

基于工程化的TS開發模式( webpack / vite ),TS 的編譯環境已經內置，無需手動安裝配置。

npm create vite@latest ts-project-demo -- -- template vanilla-ts
//  npm create vite@latest 使用最新版本的 vite 創建項目
//  ts-project-demo 項目名稱
//  -- -- template vanilla-ts 項目使用的模板為原生ts模板

總結：

1?? 瀏覽器中能直接運行TypeScript代碼嗎？

不可以，需要編譯為js代碼再運行

2???哪個包可以負責把TS代碼編譯為JS代碼？

typescript

3?? 實際工作中需要我們手動編譯代碼嗎？

不需要，由工程化工具內置，自動編譯