歡迎來到 TypeScript 的世界，一個讓 JavaScript 面面俱到的超級英雄！在這篇文章中，我們將一探 TypeScript 的奧秘，並學習如何在 macOS 上搭建開發環境和運行 TypeScript 程式。準備好開始吧！
Table of Contents
如何建立 TypeScript 開發環境
在 macOS 上搭建 TypeScript 開發環境就像是準備一頓豐盛的晚餐，你需要一些基本的食材和調味料。這裡，我們的食材包括 Node.js 和一個適當的 TypeScript 配置。
安裝 Node.js
首先，你需要安裝 Node.js。Node.js 就像是廚房中的烤箱，是執行 JavaScript（和 TypeScript）的基本工具。
- 前往 Node.js 官網。
- 選擇適合 macOS 的版本下載並安裝。
也許你知道什麼是 Homebrew， 那就簡單了。
brew install node安裝 TypeScript Compiler (tsc)
tsc 即 TypeScript 編譯器，是 TypeScript 生態系統中的關鍵工具。TypeScript 編譯器負責將 TypeScript 代碼（包含類型註釋和現代 JavaScript 特性）轉換成純 JavaScript 代碼，這樣的代碼能夠在任何 JavaScript 環境中執行，比如瀏覽器或 Node.js。
要使用 tsc，你通常會透過 Node.js package manager 在全局或在你的項目中本地安裝 TypeScript，
pnpm add typescript -g然後運行 tsc 命令，後跟你想編譯的檔案名稱。例如：
tsc hello.ts以下是 tsc 的主要功能：
編譯：tsc 讀取 TypeScript 檔案（.ts 或包含 JSX 時的 .tsx），並輸出 JavaScript 檔案（.js）。它根據 tsconfig.json 文件或命令行參數指定的選項進行編碼。
類型檢查：在編譯過程中，tsc 會檢查類型錯誤，如果代碼不符合指定的類型約束，它將發出警告。這一步對於在開發過程早期捕獲錯誤至關重要。
配置：您可以使用 tsconfig.json 文件對編譯器進行微調，其中包括設置哪些文件包含在內、編譯到哪個版本的 JavaScript、是否生成源映射（source maps）以便於調試等。
整合：tsc 可以整合到構建過程中，並得到各種 IDE 的支持，提供即時的錯誤信息和代碼編寫反饋。
初始化 tsconfig
接下來，我們需要初始化 TypeScript 的配置文件 tsconfig.json。這個文件就像是食譜，告訴 TypeScript 如何處理你的代碼。
tsconfig.json 是 TypeScript 項目的配置文件，它指導 TypeScript 編譯器（tsc）如何編譯 TypeScript 程式碼。這個文件允許開發者設定編譯選項，並定義哪些文件應該被包含或排除在編譯過程之外。
打開終端機（Terminal），執行以下命令來初始化 TypeScript 配置：
tsc --init這會在你的專案目錄中創建一個 tsconfig.json 文件。
一個基本的 tsconfig.json 可能看起來像這樣：
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"strict": true,
"outDir": "dist"
}
}這個配置會告訴 TypeScript 編譯器點目標是 ES5 版本的 JavaScript，並使用 CommonJS 模組系統。"strict": true 開啟所有嚴格的類型檢查選項，確保編譯過程中進行嚴格的類型檢查。
如何運行 TypeScript
TypeScript 的世界充滿了多種運行代碼的方式，就像你可以用不同的烹飪方式來準備一道菜。
使用 node
事實上你無法使用 node 執行 typescript 程式，必須先使用 tsc 將 typescrpt 編譯成 javascript 程式，然後才可以使用 node 執行。
首先，安裝 TypeScript：
pnpm add typescript -g然後，使用 tsc 編譯你的 TypeScript 文件：
tsc hello.ts這會生成一個 hello.js 文件。現在，使用 Node.js 運行這個文件：
node hello.js使用 ts-node
ts-node 是一個方便的工具，可以直接運行 TypeScript 代碼，無需先將其編譯為 JavaScript。這就像是一個即食餐點，快速且方便。
安裝 ts-node：
pnpm add ts-node -g
然後直接運行你的 TypeScript 文件：
ts-node hello.tsTypeScript Playground
如果你不想在本地安裝任何東西，TypeScript Playground 是一個在線沙盒工具，讓你可以寫 TypeScript 並即時看到結果。
訪問 TypeScript Playground 並開始玩轉 TypeScript！
Deno
Deno 是一個現代的 JavaScript/TypeScript 運行環境，內置了很多好玩的特性。它就像是一個高科技廚房，擁有你需要的一切。
安裝 Deno：
pnpm add deno -g然後，編寫你的第一個 TypeScript 程式，並使用 Deno 運行它。
Deno 會自動處理 TypeScript 的編譯工作。
// hello.ts
console.log("Hello from Deno!");運行它：
deno run hello.tsBun
Bun 是一個新興的 JavaScript 運行環境，專注於性能和開發者體驗。想象一下，一個超級充電的廚房機器人幫助你烹飪！
安裝 Bun：
pnpm add bun -g編寫你的 TypeScript 程式：
// hello.ts
console.log("Hello from Bun!");使用 Bun 運行它：
bun run hello.ts恭喜你，你已經完成了 TypeScript 的入門課程！現在，你可以開始探索這個強大語言的更多可能性了。記住，編程就像烹飪一樣，要不斷嘗試新的配方和工具。祝你在 TypeScript 的旅程中玩得開心！ 🚀🎉
