標籤: VS Code 頁1
VS Code相關的文章，目前共收錄 52 篇內容。
網路資源
Claude Code Cheat Sheet：一頁掌握 Claude 開發與提示技巧的超實用指南
Claude Code Cheat Sheet 是一份開源指南，整理了在 Claude 3／3.5 等模型中提升開發效率的實用提示語與範例。涵蓋程式生成、除錯、重構、文件撰寫與專案協作，是開發者運用 Claude 進行 AI 編程輔助的實戰手冊。
網路資源
Streamline：收錄超過 40 萬個 icon 及插畫的平台，並提供免費下載
想找高品質圖示與插圖？Streamline 提供超過 39 萬項設計素材，支援 Figma、VS Code 等工具整合，是 UI/UX 設計師的效率神器。
網路資源
CC-Switch：輕鬆管理 Claude Code 與 Codex 供應商的跨平台桌面工具
CC-Switch 是跨平台 Claude Code／Codex API 管理工具，支援 VS Code 一鍵配置、Tauri 架構輕量運行。
網路資源
AI Toolkit for Visual Studio Code：微軟推出的 AI 開發工具整合擴充功能
AI Toolkit 是微軟為 VS Code 推出的 AI 擴充功能 ，支援模型測試、提示工程與一鍵部署，加速 AI 模型開發與本地／雲端整合。
網路資源
Eraser：AI 驅動的技術設計協作平台，讓圖表與文件創作更高效
Eraser 是專為工程團隊打造的 AI 協作平台，結合圖表繪製、文件撰寫與即時協作，支援流程圖、ERD、架構圖等多種圖表類型。整合 GitHub、VS Code、Notion 等工具，並具企業級安全保障，是提升技術溝通與設計效率的理想選擇。
教學
GitHub Copilot 全面升級：代理模式上線，支援 MCP 提供更準確建議
GitHub 在 VS Code 推出 Copilot 代理模式與 MCP 支援，讓 AI 能主動修錯、建議終端命令並理解上下文（如資料庫結構）。新推出 Copilot Pro+ 提供每月 1,500 次高級請求及 GPT-4.5 存取，進一步提升開發效率與互動體驗。
網路資源
Gemini Code Assist：Google 推出的免費 AI 程式碼助理，幫你寫、補全、審查程式碼，提升開發效率
Gemini Code Assist 是 Google 推出的免費 AI 程式碼助理，支援程式碼自動補全、生成、審查與自然語言指令。整合至 VS Code、JetBrains 等 IDE，提供高達 180,000 次補全與 128,000 token 上下文支援，適合學生、自由職業者與新創團隊提升開發效率。
網路資源
Lapdev：立即啟動的高效能雲端開發環境
Lapdev 是一款高效能雲端開發環境，採用 Devcontainer 規範將環境定義為程式碼，提供遊戲級 CPU 支援、快速上手與自我託管選項，助力開發團隊高效協作。
網路資源
每月 2,000 次免費生成程式碼 + 50 次對話！GitHub Copilot 正式免費開放給所有使用者
Visual Studio Code 用戶可免費使用 GitHub Copilot，每月享 2,000 次補全與 50 次對話，助力開發者提升效率與創造力。
網路資源
Windsurf Editor：以開發者為核心的 AI 增強編輯器
Windsurf Editor 是 Codeium 推出的 AI 驅動 IDE，專為高效和複雜專案的開發者設計，結合 VS Code 優化及 AI 輔助，支持即時代碼建議、自動補全及多文件協作。其特色功能如 Cascade 工作流和 Supercomplete，大幅提升程式編寫效率。
網路資源
Mermaid Chart：快速製作圖表的解決方案
Mermaid Chart 是專為網頁開發者和資料視覺化打造的圖表工具，透過簡單文字語法生成流程圖、甘特圖等多種類型圖表，支援 Markdown 且能與多平台整合，如 VS Code、GitHub。它開源且易用，適合需要快速繪製圖表的專案開發者。
網路資源
Continue：AI 驅動的程式開發助手，提升開發效率的編輯工具
Continue 是一款專為程式開發者設計的 AI 工具，旨在通過人工智慧來支援開發者的日常程式編寫過程，提升生產力並減少重複工作。這款工具不僅可以幫助開發者自動完成程式碼，還能理解開發者的需求並生成相應的程式碼建議，從而加速開發過程，並提供針對性解決方案。
網路資源
Mermaid.js：輕鬆繪製流程圖與圖表的開源工具
在軟體開發和文檔編寫過程中，清晰的流程圖和圖表對於溝通複雜的概念和邏輯至關重要。Mermaid.js 提供了一個強大且易用的開源工具，讓開發者和文檔編寫者可以通過簡單的語法，快速生成各種圖表，提升工作效率。
網路資源
Cursor：AI 驅動的程式碼編輯器
Cursor 是一款專為程式設計師打造的 AI 驅動程式碼編輯器。該工具整合 AI 技術，提供代碼補全、錯誤檢測和智慧建議等功能，以提升撰寫程式碼效率。Cursor 能自動學習使用者的程式碼庫，提供精準的提示和建議，並支援自然語言編輯，讓程式設計更為直覺簡單。
![[VS Code Extension] Claude Dev：把 Claude 整合進 VS Code 的開發助手](/assets/upload/1721441093644_0.jpg)
網路資源
[VS Code Extension] Claude Dev：把 Claude 整合進 VS Code 的開發助手
Claude Dev 利用 Claude 3.5 Sonnet 的 AI 程式開發能力，幫助開發者完成複雜軟體開發任務。它支援讀寫文件、創建專案、執行終端命令，並提供直覺的 GUI 介面。特點包括追蹤計算成本、語法 highlight 預覽、指令流輸出、權限控制及 API 呼叫管理。這些功能讓開發變得更高效且易於管理。
網路資源
UnoCSS：即時按需的原子 CSS 引擎
UnoCSS 是一個強大的即時按需原子 CSS 引擎，旨在提供高度可自訂、快速且輕量的 CSS 解決方案。透過無需解析或掃描的設計，UnoCSS 比 Windi CSS 和 Tailwind CSS JIT 快 5 倍。其零依賴、瀏覽器友好的特性讓其僅有約 6kb 大小，且支援多種整合如 Vite、Webpack 和 PostCSS 等。
網路資源
Markmap：用心智圖賦予 Markdown 新生命
Markmap 是一個將 Markdown 文件視覺化為心智圖，幫助用戶以直觀的方式組織和展示想法和訊息。這個工具尤其適合需要結構化文件、筆記或任何以層次化格式表示的資訊的用戶。Markmap 提供了一個簡潔的界面和易於使用的功能，包括在 VSCode 中直接生成和編輯心智圖，使得從概念到視覺呈現的過程更加流暢。