Visual Studio Code使用教學
Visual Studio Code 使用教學手冊 完整的 VS Code 開發環境設定與實戰指南 涵蓋前端 (Vue 3 + TypeScript) 與後端 (Spring Boot) 開發,適用於團隊協作與企業級專案開發 📋 目錄 1. VS Code 安裝與環境設定 1.1 安裝步驟 1.2 推薦字型與主題 1.3 專案必要的 Extensions 清單 1.4 設定同步功能 1.5 設定檔 (Profiles) 管理 1.6 實務案例與注意事項 2. 專案開發環境配置 2.1 如何開啟專案 2.2 前端、後端工作區設定 2.3 編碼規範設定 2.3.1 前端編碼規範 (ESLint + Prettier) 2.3.2 後端編碼規範 (Checkstyle) 2.3.3 Maven 獨立安裝設定 2.4 容器化開發環境 (Dev Containers) 2.5 實務案例與注意事項 3. 日常開發操作 3.1 Git 與 GitHub/GitLab 整合 3.2 常用快捷鍵 3.3 偵錯與斷點設定 3.4 終端機與多工作區使用 3.5 程式碼片段 (Snippets) 使用 3.6 實務案例與注意事項 4. 專案特定開發流程指引 4.1 前端開發流程 4.2 後端開發流程 4.3 全端開發工作流程 4.4 程式碼品質檢查 4.5 Python 開發環境設定 4.5.1 Python 專案結構 4.5.2 Python 環境設定 4.5.3 Python 開發工具設定 4.5.4 Python 偵錯設定 4.5.5 Python 任務設定 4.5.6 Python 專案範例 4.5.7 Python 開發最佳實務 4.6 效能監控與分析 4.7 實務案例與注意事項 5. 協作開發功能 5.1 Live Share 即時協作 5.2 多人開發設定 5.3 程式碼審查工具 5.3.1 GitHub Pull Request 整合 5.3.2 GitLab Merge Request 整合 5.3.3 程式碼審查檢查清單 5.4 團隊協作最佳實務 6. 進階功能與擴充 6.1 自訂程式碼片段 6.2 擴充功能開發入門 6.2.1 建立基本擴充功能 6.2.2 擴充功能專案結構 6.2.3 擴充功能基本開發 6.2.4 發布擴充功能 6.3 工作流程自動化 6.3.1 Task 自動化 6.3.2 GitHub Actions 整合 6.3.3 GitLab CI/CD 整合 6.4 效能優化進階技巧 6.4.1 檔案監控與搜尋優化 6.4.2 編輯器效能設定 6.4.3 擴充功能效能管理 6.4.4 大型專案效能建議 6.5 遠端開發與 SSH 6.5.1 Remote Development 概述 6.5.2 Remote SSH 設定 6.5.3 Remote Tunnels(安全隧道) 6.5.4 GitHub Codespaces 6.5.5 遠端開發最佳實務 6.6 工作區管理進階技巧 7. AI 輔助開發與 GitHub Copilot 7.1 GitHub Copilot 基礎設定 7.1.1 安裝與啟用 7.1.2 行內建議 (Inline Suggestions) 7.1.3 聊天功能 (Chat) 7.1.4 Smart Actions(智慧動作) 7.1.5 審查與管理 AI 變更 7.2 Agent 模式與工作階段管理 7.2.1 Agent 類型 7.2.2 工作階段管理 7.2.3 子代理 (Subagents) 7.3 Plan Agent 規劃代理 7.4 自訂 AI 行為 7.4.1 自訂指令 (Custom Instructions) 7.4.2 Prompt Files(提示檔案) 7.4.3 自訂代理檔案 7.4.4 Agent Skills(正式版) 7.4.5 組織層級指令 7.4.6 Hooks(生命週期鉤子) 7.4.7 疑難排解 7.5 MCP 伺服器整合 7.6 Copilot Memory(預覽) 7.7 語言模型管理 7.7.1 選擇語言模型 7.7.2 Anthropic 模型整合(Claude) 7.7.3 語言模型編輯器 7.8 AI 開發常用快捷鍵 7.9 AI 開發最佳實務 7.9.1 有效使用 AI 的建議 7.9.2 Agent 使用場景指引 7.9.3 安全性考量 8. 最佳實務 8.1 常見問題 (FAQ) 與解決方式 8.2 建議的工作習慣 8.3 效能最佳化 8.4 安全性最佳實務 8.5 團隊協作規範 9. 檢查清單 9.1 新進成員快速上手檢查清單 9.2 日常開發檢查清單 9.3 部署前檢查清單 9.4 故障排除檢查清單 10. 附錄 10.1 參考資源 10.2 聯絡支援 10.3 版本歷程 1. VS Code 安裝與環境設定 1.1 安裝步驟 1.1.1 下載與安裝 前往 Visual Studio Code 官方網站 點擊 “Download for Windows” 下載安裝檔 執行安裝檔,建議勾選以下選項: ✅ 新增至 PATH (在重新啟動後可用) ✅ 在檔案總管中的檔案上顯示「使用 Code 開啟」動作 ✅ 在檔案總管中的目錄上顯示「使用 Code 開啟」動作 ✅ 將 Code 註冊為支援的檔案類型的編輯器 1.1.2 首次啟動設定 啟動 VS Code 選擇適合的色彩主題 登入 Microsoft 帳戶(可選,用於同步設定) 1.2 推薦字型與主題 1.2.1 推薦字型 建議安裝並使用以下等寬字型: ...