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 推薦字型 建議安裝並使用以下等寬字型: ...

October 31, 2025 · 43 min · 9129 words · Eric Cheng

Visual Studio Code使用教學

Visual Studio Code 使用教學手冊 完整的 VS Code 開發環境設定與實戰指南 涵蓋前端 (Vue 3 + TypeScript) 與後端 (Spring Boot) 開發,適用於團隊協作與企業級專案開發 📋 目錄 1. VS Code 安裝與環境設定 1.1 安裝步驟 1.2 推薦字型與主題 1.3 專案必要的 Extensions 清單 1.3.1 基礎開發工具 1.3.2 前端開發 1.3.3 後端開發 1.3.4 Python 開發 1.3.5 AI 輔助開發 1.3.6 一鍵安裝指令 1.4 設定同步功能 1.5 實務案例與注意事項 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 AI 輔助開發 — GitHub Copilot 3.6.1 程式碼自動完成與 Next Edit Suggestions 3.6.2 Copilot Chat 對話式助手 3.6.3 Inline Chat(行內聊天) 3.6.4 智慧動作 3.6.5 Agent 模式與 Agent Sessions 3.6.6 Autopilot 與 Agent 權限控制 3.6.7 Plan Agent(計畫代理) 3.6.8 自訂指示檔 3.6.9 MCP 伺服器整合 3.6.10 Custom Agents(自訂代理) 3.6.11 Agent Skills(代理技能) 3.6.12 Prompt Files(提示檔案) 3.6.13 Hooks(生命週期鉤子) 3.6.14 語言模型選擇 3.7 實務案例與注意事項 4. 專案特定開發流程指引 4.1 前端開發流程 4.2 後端開發流程 4.3 全端開發工作流程 4.4 程式碼品質檢查 4.5 效能監控與分析 4.6 實務案例與注意事項 4.7 Python 開發環境設定 4.7.1 Python 專案結構 4.7.2 Python 環境設定 4.7.3 Python 開發工具設定 4.7.4 Python 偵錯設定 4.7.5 Python 任務設定 4.7.6 Python 專案範例 4.7.7 Python 開發最佳實務 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.3 工作流程自動化 6.3.1 Task 自動化 6.3.2 GitHub Actions 整合 6.3.3 GitLab CI/CD 整合 6.4 效能優化進階技巧 6.5 遠端開發與 SSH 6.6 工作區管理進階技巧 6.7 設定檔 (Profiles) 管理 6.8 Chat Customizations 編輯器 7. 最佳實務 7.1 常見問題 (FAQ) 與解決方式 7.2 建議的工作習慣 7.3 效能最佳化 7.4 安全性最佳實務 7.5 團隊協作規範 8. 檢查清單 8.1 新進成員快速上手檢查清單 8.2 日常開發檢查清單 8.3 部署前檢查清單 8.4 故障排除檢查清單 9. 附錄 9.1 參考資源 9.2 版本歷程 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 推薦字型 建議安裝並使用以下等寬字型: ...

October 31, 2025 · 43 min · 9002 words · Eric Cheng

Maven 使用教學

Maven 使用教學手冊 文件資訊 版本: 3.0.0 建立日期: 2025年8月29日 最後更新: 2025年7月 適用對象: 新進開發同仁 目的: 協助快速熟悉並在專案中正確使用 Maven 目錄 Maven 基本介紹 1.1 什麼是 Maven? 1.2 Maven 的用途與優勢 1.3 在專案中的角色 環境建置 2.1 前置條件 2.2 Maven 安裝 2.3 驗證安裝成功 2.4 IDE 整合 2.5 設定檔配置 Maven 專案結構 3.1 標準目錄結構 3.2 目錄結構詳細說明 3.3 在專案中的實際應用 3.4 自訂目錄結構 pom.xml 說明 4.1 什麼是 POM? 4.2 基本結構 4.3 常用標籤詳細說明 4.4 如何新增與管理依賴 4.5 建置配置 4.6 我們專案的完整 pom.xml 分析 常用指令 5.1 Maven 生命週期 5.2 基本指令詳解 5.3 依賴管理指令 5.4 執行指令 5.5 資訊查詢指令 5.6 進階指令 5.7 我們專案中的常用工作流程 5.8 VS Code 中的 Maven 整合 5.9 Maven Wrapper 使用 5.10 與 CI/CD 整合 專案最佳實務 6.1 依賴管理建議 6.2 Docker 整合 6.3 安全性管理 6.4 效能監控 6.5 現代化開發實務 6.6 效能優化策略 6.7 微服務架構支援 6.8 避免版本衝突的方法 6.9 建置優化策略 6.10 程式碼品質管理 6.11 使用公司內部 Nexus/Artifactory 6.12 環境特定設定 常見問題排解 FAQ 7.1 編譯相關問題 7.2 依賴相關問題 7.3 測試相關問題 7.4 IDE 整合問題 7.5 效能相關問題 7.6 網路相關問題 7.7 專案中注意事項 附錄 8.1 官方文件與教學資源連結 8.2 常用插件參考 8.3 Maven 生命週期詳細說明 8.4 常用 Maven 屬性 8.5 範例設定檔 8.6 團隊協作指南 檢查清單 Checklist 9.1 環境設定檢查清單 9.2 日常開發檢查清單 9.3 問題排解檢查清單 9.4 發布準備檢查清單 9.5 新人上手檢查清單 9.6 定期維護檢查清單 快速參考手冊 10.1 常用指令速查表 10.2 常用參數速查表 10.3 POM 檔案基本結構速查 10.4 常見問題快速解決 10.5 開發工作流程檢查清單 10.6 實用技巧 進階主題 11.1 自定義 Maven Archetype 11.2 Maven 插件開發 11.3 Maven 與 Spring Boot 整合 11.4 Maven 與容器化部署 11.5 企業級 Maven 倉庫管理 團隊協作與規範 12.1 程式碼審查規範 12.2 版本管理策略 12.3 分支管理與 Maven 12.4 自動化測試策略 Maven 與現代 Java 開發 13.1 Java 模組系統(JPMS)與 Maven 13.2 Maven 與 JDK 版本管理 13.3 Maven 與記錄(Records)和文字區塊 13.4 Maven 與虛擬執行緒 13.5 Maven 4 預覽與未來展望 效能調校與監控 14.1 Maven 建置效能優化 14.2 依賴解析效能調校 14.3 建置時間監控與分析 14.4 記憶體使用最佳化 錯誤處理與除錯技巧 15.1 常見錯誤診斷流程 15.2 除錯工具與技巧 15.3 日誌分析與解讀 15.4 遠端除錯設定 實戰專案範例 16.1 簡單控制台應用程式 16.2 Spring Boot Web 應用程式 16.3 多模組企業級專案 16.4 微服務架構專案 1. Maven 基本介紹 1.1 什麼是 Maven? Apache Maven 是一個專案管理和建置自動化工具,主要用於 Java 專案(也支援其他語言如 C#、Ruby、Scala 等)。Maven 使用專案物件模型(Project Object Model, POM)來管理專案的建置、報告和文件。 ...

July 15, 2025 · 38 min · 8024 words · Eric Cheng