🔹 如何調整 VSCode 設定

• 點選左下角齒輪 → Settings，可調整字型、主題、格式化等。
  • 字體與行號：editor.fontSize: 建議 14～16（依照閱讀習慣調整）
  • 主題與外觀：workbench.colorTheme: 常見主題如 Dracula、One Dark Pro
  • 終端機字體：terminal.integrated.fontSize: 自訂終端機文字大小
  • 自動儲存與格式化：editor.formatOnSave: 設為 true，儲存時自動整理程式碼

🔹 什麼是擴充套件？

• 擴充套件（Extension）是用來強化 VSCode 功能的小工具
• 可支援語言、框架、除錯、版本控制、外掛程式等

🔹 如何安裝擴充套件

1. 左側選單點選「方塊圖示（Extensions）」，或快捷鍵 Ctrl + Shift + X
2. 輸入名稱搜尋並點擊安裝
3. 安裝完畢後可立即使用，部分可能需重啟 VSCode

🔹 推薦安裝的擴充套件

• 編輯與格式化

  • Prettier：程式碼自動格式化
  • Markdown All in One：強化 Markdown 編輯與預覽
  • vscode-pdf：內建 PDF 檢視器
  • Edit csv：編輯 CSV / Excel 檔
  • Path Intellisense：自動補全路徑
  • Bracket Pair Colorizer 2：括號配對上色，程式碼更好讀

• API 測試與開發工具

  • REST Client：在 VSCode 裡直接測試 API
  • Thunder Client：簡易版 Postman，輕量又快速
  • Postman：API 請求模擬工具（擴充應用）
  • Open in Browser：一鍵用瀏覽器開啟 HTML

• 版本控制與 Git

  • GitHub：整合 GitHub，快速 Push/Clone 專案
  • GitLens：顯示 Git 紀錄與作者貢獻資訊

• 前端與網頁開發

  • Live Server：即時預覽 HTML 頁面
  • ESLint：JavaScript / TypeScript 程式碼檢查工具
  • Tailwind CSS IntelliSense：支援 Tailwind 顏色與類名提示
  • Vue.js Pack / React Snippets：Vue、React 相關開發工具包

• 程式語言

  • Python：支援語法高亮、Lint、虛擬環境
  • Java：Java 整合開發環境
  • C#：C# 語言支援與 .NET 開發

🔹 注意事項

• 不要安裝太多未使用的擴充套件，避免佔用資源。
• 留意與其他套件衝突，建議一次安裝一個類型測試是否正常。
• 可透過 Ctrl + Shift + P → Extensions: Show Installed Extensions 查看已安裝列表。

🔹 參考文件

• VSCode 官方網站
• VSCode 擴展市集