概述
探索一系列精選的基本 VS Code 擴展，旨在提高各個開發領域的生產力和技能。 這些擴展程序按類別分組，以便於導航。
整潔的代碼和重構
TIP使用這些擴展來維護乾淨且可維護的代碼，提供用於重構、指標和改進註釋的工具。 :::- 代碼指標：直接在狀態欄中顯示代碼複雜性，有助於可維護性分析。
- Abracadabra，重構：自動執行重構任務，例如重命名符號或提取 JavaScript/TypeScript 中的變量。
- Hocus Pocus：簡化函數、變量、類或 switch case 的創建。
- SonarLint：通過可行的建議突出顯示代碼中的錯誤和安全問題。
- ESLint：集成 ESLint 以識別和修復 JavaScript/TypeScript 代碼中的問題。
- 更好的評論：使用顏色編碼標籤增強評論的可讀性。
- Document This：自動生成函數和類的 JSDoc 註釋。
- 代碼拼寫檢查器：檢測代碼中的拼寫錯誤，並提供更正。
- Visual Studio IntelliCode：人工智能驅動的 IntelliSense 提供上下文感知建議。
- TODO 突出顯示：跟踪 TODO 和註釋以確保不會遺漏任何內容。
代碼片段
IMPORTANT預定義的片段可以節省時間並減少工作流程中的重複任務。 :::- JavaScript (ES6) 代碼片段：用於現代 JavaScript/TypeScript 開發的片段。
ES7 React/Redux/GraphQL/React-Native Snippets：提高 React 和 Redux 生態系統的生產力。
Vue 2/3 Snippets：為 Vue.js 提供方便的片段。
Angular 10 Snippets：組件、服務等的基本 Angular 片段。
Reactjs 代碼片段：專為 ES6/ES7 語法的 React 開發而定制。
Bootstrap & Font Awesome 片段：使用 Bootstrap 和 Font Awesome 快速設計的片段。
Angular Jasmine 單元測試片段：使用 Jasmine 加速 Angular 中的單元測試。
節點片段：用於高效 Node.js 開發的片段。
資料庫
NOTE使用這些強大的擴展直接從 VS Code 管理和查詢數據庫。 :::- SQL Server (mssql)：無縫使用 SQL Server 和 Azure 數據庫。
- MySQL：輕鬆管理 MySQL 數據庫。
- PostgreSQL：對 PostgreSQL 數據庫的強大支持。
- MongoDB：簡化管理 MongoDB 集合和文檔。
- SQLTools：連接到多個 SQL 數據庫，提供高級管理功能。
主題和样式
TIP使用用於可視化定制的主題和工具增強您的編碼環境。 :::- 凜冬將至主題：受《權力的遊戲》啟發的主題。
- One Dark Pro：基於 Atom 流行的 One Dark 主題。
- Noctis：提供平衡的深色和淺色主題。
- Material 主題：將 Google 的 Material Design 引入 VS Code。
- 德古拉主題：時尚的深色主題，色彩鮮豔。
- VS Code 圖標：可自定義圖標以更好地識別文件。
- Prettier：自動進行代碼格式化以實現一致的樣式。
- 美化：格式化 HTML、CSS、JavaScript 和 JSON。
- 孔雀：用獨特的顏色區分工作空間。
源代碼控制
IMPORTANT直接從編輯器增強您的 Git 工作流程和協作。 :::- GitLens：高級 Git 工具，包括責備、歷史記錄和存儲管理。
- Git 歷史記錄：可視化和探索文件或分支歷史記錄。
- CodeStream：與團隊成員就代碼問題和審查進行協作。
偵錯
WARNING使用這些工具簡化調試以避免代價高昂的錯誤。 :::- Chrome 調試器：調試在 Chrome 中運行的 JavaScript。
- Firefox 調試器：在 Firefox 中調試 Web 應用程序。
- Node 調試器：有效調試 Node.js 應用程序。
實用程序
TIP這些實用程序可以加快重複性任務並簡化編碼。 :::- Polacode：生成漂亮的代碼快照。
- 實時服務器：啟動具有實時重新加載功能的本地服務器。
- 導入成本：顯示 JavaScript/TypeScript 內聯導入大小。
- VS Code Counter：計算文件或工作區中的行、單詞和字符。
- 設置同步：跨設備同步 VS Code 設置。
- 編輯器配置：在編輯器之間強制執行一致的編碼風格。
按鍵映射
NOTE使用您喜歡的編輯器中熟悉的鍵綁定輕鬆過渡到 VS Code。 :::- Visual Studio：模仿 Visual Studio 按鍵綁定。
- Atom：適合 Atom 編輯器愛好者。
- Sublime Text：適應 Sublime Text 快捷方式。
- JetBrains IDE：適用於過渡到 VS Code 的 JetBrains 用戶。
人工智能開發工具
IMPORTANT利用AI提升編碼效率和智能。 :::- GitHub Copilot：由 GitHub 和 OpenAI 開發的人工智能代碼完成工具，通過自動完成代碼片段和函數來幫助用戶。
oaicite:0 {索引=0}
- Tabnine：人工智能編碼助手，提供代碼補全和人工智能聊天功能，支持 80 多種編程語言和框架。
oaicite:1 - Cursor：人工智能驅動的集成開發環境，提供代碼生成、智能自動完成和代碼庫理解等功能。
oaicite:2 前端開發
TIP使用這些擴展增強您的前端開發工作流程。 :::- Live Sass Compiler：將 Sass 或 SCSS 文件實時編譯為 CSS。
- HTML CSS 支持：為 HTML 提供 CSS 類名補全。
- 路徑智能感知：自動完成代碼中的文件名。
- CSS Peek：允許查看 CSS ID 和類字符串作為定義。
- 圖像預覽：在裝訂線中和懸停時顯示圖像預覽。
後端開發
NOTE使用這些基本工具簡化後端開發。 :::- Docker：為 Dockerfile 和 docker-compose 文件添加語法突出顯示、命令、懸停提示和 linting。
- REST 客戶端：允許直接在 VS Code 中發送 HTTP 請求並查看響應。
- Swagger Viewer：提供 Swagger 和 OpenAPI 文件的預覽。
- npm：輕鬆管理 npm 腳本。
- YAML：添加 YAML 語言支持和內置 Kubernetes 語法支持。
網絡工程
IMPORTANT為自己配備專為網絡工程任務定制的工具。 :::- REST 客戶端 允許您直接從編輯器發送 HTTP 請求並查看響應。 非常適合在不離開 VS Code 的情況下測試 API。
- Wireshark 語法突出顯示 Provides syntax highlighting for Wireshark capture files, making it easier to analyze network traffic.
- Nmap 語言支持 Adds syntax highlighting for Nmap scripts, helping you analyze network vulnerabilities and configurations.
- cURL 轉換器 將 cURL 命令轉換為 HTTP 請求，從而更輕鬆地直接在 VS Code 中測試 API。
- Telnet 客戶端 Provides a terminal-based Telnet client for network troubleshooting and remote server communication.
- SSH FS 通過 SSH 安裝遠程服務器，並提供直接從 VS Code 訪問其文件系統的權限，以便於管理。
Vim 用戶
TIP使用這些擴展讓您的 VS Code 體驗更像 Vim。 :::- 維姆 將 Vim 鍵綁定和功能引入 VS Code，讓您可以在編輯器中使用熟悉的 Vim 環境。
- VsCodium 提供受 Vim 啟發的擴展，帶來極簡、高度可定制和可擴展的環境。
- EasyMotion for VSCode 通過突出顯示目標位置來實現文件的快速導航，模仿 Vim 的 EasyMotion 插件。
- Vimium for VS Code 允許您使用鍵盤快捷鍵導航 VS Code，就像瀏覽器中的 Vimium 一樣。
- Vim NERDTree 將強大的 NERDTree 文件瀏覽器引入 VS Code，允許使用 Vim 鍵綁定進行文件導航和管理。
低級編程和嵌入式開發
NOTE用於使用彙編、C 和嵌入式系統的擴展。 :::- C/C++ 擴展包 一套全面的 C 和 C++ 開發工具，包括 IntelliSense、調試和代碼導航。
- PlatformIO IDE 完整的嵌入式系統開發環境，支持各種微控制器和開發板。
- ARM 彙編語法突出顯示 為 ARM 彙編代碼添加語法突出顯示，有助於更輕鬆地可視化和理解低級代碼。
- x86 和 x86_64 組件 為 x86 彙編語言提供語法支持，非常適合低級程序員和逆向工程師。
- 十六進制編輯器 允許您查看和編輯原始二進制數據，使其對於處理固件和低級文件結構非常有價值。
- AVR 支持 帶來對 AVR 微控制器編程的支持，包括語法突出顯示、代碼片段等。
- 鏽跡分析儀 Rust 編程擴展，提供對代碼完成、內聯文檔和重構工具的支持。
- MicroPython 添加了對 MicroPython 開發的支持，包括文件管理和直接從 VS Code 向設備上傳代碼。
網絡安全與逆向工程
WARNING分析代碼漏洞、執行靜態分析並探索逆向工程工具。 :::- 賓沃克 一種用於分析固件映像的工具，允許您提取和逆向工程嵌入的代碼和文件。
- Ghidra 擴展 將 Ghidra 逆向工程框架集成到 VS Code 中，使您能夠分析二進製文件和反彙編代碼。
- YARA 規則 提供語法突出顯示和基於規則的文件掃描，以便使用 YARA 進行惡意軟件分析和檢測。
- 正則表達式預覽器 實時可視化正則表達式及其匹配項，對於逆向工程和代碼分析非常有用。
- OWASP 依賴性檢查 根據 OWASP 漏洞數據庫掃描您的項目以查找依賴項中的已知漏洞。
- 利用數據庫搜索 允許您直接從 VS Code 快速搜索漏洞數據庫中的已知漏洞。
- Burp Suite 集成 集成 Burp Suite 以增強 Web 漏洞掃描，提供更順暢的測試工作流程。
- Metasploit 助手 與 Metasploit 交互的有用集成，使滲透測試更加高效。
人工智能和機器學習開發
IMPORTANT直接在 VS Code 中增強 AI 和 ML 工作流程。 :::- Jupyter 添加了對 Jupyter Notebooks 的支持，從而在 VS Code 中實現交互式編碼、數據分析和機器學習實驗。
- Python 對於 Python 開發至關重要，包括 IntelliSense、linting 和調試等功能，這些功能對於 AI 和 ML 工作流程至關重要。
- 熊貓助手 提供對常用 Pandas 命令和操作的快速訪問，使數據操作和分析更加高效。
- PyTorch 片段 提供 PyTorch 開發的片段，幫助您快速創建深度學習模型並訓練神經網絡。
- TensorFlow 片段 提供特定於 TensorFlow 的代碼片段，以簡化機器學習和深度學習模型的創建。
- MLFlow 用於管理機器學習模型的綜合工具，在 VS Code 中提供版本控制、打包和部署功能。
- ONNX 模型查看器 幫助查看和檢查 ONNX（開放神經網絡交換）模型，促進跨框架更輕鬆地部署 AI 模型。
雲和 DevOps
TIP優化雲開發和 DevOps 工作流程。 :::- 地形 使用 Terraform 促進基礎設施即代碼的開發和管理，使雲資源管理更加輕鬆。
- AWS 工具包 將 AWS 服務與 VS Code 集成，讓您可以直接從編輯器管理和部署雲資源和應用程序。
- Azure 工具 提供與 Microsoft Azure 服務的集成，使您能夠在雲環境中部署和管理資源。
- Kubernetes 提供 Kubernetes 支持，允許您在 VS Code 中管理集群、pod 和容器。
- 碼頭工人 可以輕鬆構建、管理和部署容器，從而促進簡化的容器化開發工作流程。
- GitHub 操作 提供管理和監控 GitHub Actions 的接口，使持續集成和部署更容易處理。
- Jenkinsfile 支持 提供語法突出顯示和片段，以便直接從 VS Code 使用 Jenkins 管道腳本。
- 安塞布爾 集成 Ansible 以實現基礎設施管理自動化，從而更輕鬆地管理配置和部署。
性能和分析
WARNING使用這些工具分析和優化代碼性能。 :::- 火焰圖分析器 可視化 CPU 和內存消耗，幫助您識別應用程序中的性能瓶頸。
- 堆快照查看器 通過可視化堆快照幫助分析內存使用情況並查找內存洩漏。
- Python 分析 提供Python性能分析工具，幫助您識別緩慢代碼並優化算法。
- Chrome 開發工具集成 允許您直接從 VS Code 使用 Chrome DevTools，為 Web 開發提供強大的分析和調試工具。
- Node.js 分析 為 Node.js 應用程序提供分析工具，幫助您優化服務器端性能。
- 去分析器 通過可視化 CPU 使用情況、內存分配和 goroutine 來幫助識別 Go 應用程序中的性能問題。
其他生產力助推器
IMPORTANT其他工具可讓您的開發工作流程更加順暢。 :::- 項目經理 幫助您快速高效地組織和在多個項目之間切換。
- 時間追踪器 跟踪您在不同任務和項目上花費的時間，幫助您管理工作流程並提高工作效率。
- 編碼時間 跟踪您的編碼活動和工作效率，深入了解您的工作效率。
- 書籤 向編輯器添加書籤功能，允許您標記重要的代碼行以便於導航。
- 粘性捲軸 滾動時保持代碼的標題和重要部分可見，從而更輕鬆地導航大文件。
- Markdown 多合一 通過提供預覽、目錄和自動格式化等功能來增強 Markdown 編輯功能。