2025-08-12 Line 訂單系統- 後端工程師（尤其在做 NestJS、MySQL、Redis）**必裝這些 VS Code 擴充
2025-08-12 Line 訂單系統- 後端工程師（尤其在做 NestJS、MySQL、Redis）**必裝這些 VS Code 擴充
下面我用 超清楚、初學者能懂的方式 說明：為什麼後端工程師（尤其在做 NestJS、MySQL、Redis）必裝這些 VS Code 擴充，每一個的用途是什麼、會幫助你避免什麼災難。
✅ 1. ESLint — 程式碼規範檢查器
為什麼必裝？
因為它可以「即時抓錯」、「讓程式碼統一」，避免你產生 bug。
它會做什麼？
✔ 打錯字會警告
✔ 用錯變數名稱會警告
✔ 多寫、少寫括號會警告
✔ Promise、async/await 用錯會警告
✔ 程式碼風格統一
好處
- 避免你發生「奇怪但找不到原因的 bug」
- 公司所有工程師都能用同一套標準（非常重要！）
✅ 2. Prettier — 自動排版神器
為什麼必裝？
因為後端專案檔案多，縮排錯亂會很亂。Prettier 讓你 按一下就整整齊齊。
它會做什麼？
✔ 自動把你的 code 排版
✔ 統一格式（縮排、換行、逗號、括號）
✔ 配合 ESLint，讓專案乾淨整齊
好處
- 讓你的 code 一看就懂
- 避免團隊 PR 充滿「排版差異」
✅ 3. NestJS Files — 自動產生 NestJS 檔案
為什麼必裝？
你在寫 NestJS（controller、service、module）時，手動建立檔案很麻煩。
這個擴充：
它會做什麼？
✔ 點右鍵 → 直接產生 Controller
✔ 自動幫你建立 Service、Module
✔ 檔名與類別名稱自動一致
好處
- 減少你的手動錯誤
- 建立檔案快 5 倍
- NestJS 專案結構不會亂掉
✅ 4. DotENV — .env 檔案語法高亮
為什麼必裝？
.env 是後端最重要的「機密配置檔」
比如資料庫、JWT、金鑰、API KEY。
沒有高亮很容易看錯或打錯。
它會做什麼？
✔ 讓 .env 語法變彩色、好閱讀
✔ 變數名稱清楚不會看錯
✔ 避免你把值寫錯或漏掉括號
好處
- 減少 .env 出錯（最難查的問題之一）
- 工作效率提高
✅ 5. GitLens — Git 高級分析工具
為什麼必裝？
你現在開始學 Git，GitLens 可以讓你 看懂每一行程式是誰改的。
它會做什麼？
✔ 顯示每一行最後是誰修改
✔ 顯示 commit 訊息
✔ 顯示 Git 歷史和差異
✔ 快速查看每一段程式的版本
好處
- 查 bug 超快
- 看懂變更紀錄
- 不需要在終端機狂打 git 指令
✅ 6. REST Client — 不用 Postman 也能 API 測試
為什麼必裝？
你正在做 NestJS Web API， API 測試一定要做。
REST Client 讓你在 VS Code 裡就能發 API：
它會做什麼？
✔ 用 .http 檔案直接發 GET、POST
✔ 顯示結果、status code
✔ 可以帶 token、body
✔ 不用切出去用 Postman
好處
- 開發後端超方便
- 測試 API 不用離開 VS Code
- 專案中就能保存 API 測試範本（超棒）
✅ 7. MySQL — 直接查看 MySQL 資料庫
為什麼必裝？
因為你常常需要看資料表的內容。
它會做什麼？
✔ 顯示資料表
✔ Query 查詢
✔ 直接看到資料
✔ 和本地 MySQL 或遠端 DB 連線
好處
- 不需要再打開 phpMyAdmin、Workbench
- 開發速度快
- 查 bug 更容易
✅ 8. Redis Explorer — Redis GUI 工具
為什麼必裝？
你 NestJS 後端會用 Redis 快取、Session、鎖機制。
有這個工具，你可以直接看到 Redis 裡的內容。
它會做什麼？
✔ 顯示所有 key
✔ 查看 Redis value
✔ 刪除 key
✔ 查資料是否有成功寫入
好處
- 超方便 debug
- 快速檢查快取是否正常
- 不用自己寫 redis-cli 指令
🎯 總結（最精準一句話）
| 擴充 | 功能 | 主要價值 |
|---|---|---|
| ESLint | 程式碼檢查 | 避免 bug、統一規範 |
| Prettier | 自動排版 | 程式碼漂亮又容易讀 |
| NestJS Files | 產生 Controller/Service | Nest 專案速度 ×5 |
| DotENV | .env 高亮 | 避免機密變數打錯 |
| GitLens | Git 分析 | 追蹤每一行修改 |
| REST Client | 測 API | VS Code 測試 API |
| MySQL | 連 MySQL | 直接查 DB |
| Redis Explorer | 查 Redis | 快取 Debug神器 |
如果你要，我也可以提供：
📌 一張圖幫你記這八個擴充
📌 VS Code 後端完整推薦配置（設定檔 settings.json）
📌 這八個擴充要怎麼搭配最有效
要哪一個？