Awesome VS Code

令人愉快的的精選列表包和資源. 如需更多精彩，請查看出來.

Official

在 GitHub 上

Syntax

語言包通過語法突出顯示和/或特定語言或文件格式的片段來擴展編輯器.

，要麼（僅適用於 Windows）

Migrating from other editors

VSCode 團隊提供來自流行編輯器的鍵盤映射，使過渡到 VSCode 幾乎無縫且輕鬆.

> Vim 模式 - 在 VSCode 中實現 Vim 功能的相對較新但很有希望的擴展

> Visual Studio Code 的流行 Atom 鍵綁定

> VS Code 的流行 Sublime Text 鍵綁定.

> 用於 VS Code 的流行 Visual Studio 鍵綁定.

> 用於 VS Code 的流行 Intellij IDEA 鍵綁定.

> 與 Visual Studio 和 Resharper 或 Intellij IDEA 一樣

Using VS Code with particular technologies

Microsoft 創建了一系列使用 VS Code 和特定技術（主要是 Web）的方法.

Lint and IntelliSense

如果尚未釋放出令人敬畏的 linting 涅槃： > lint 最初是用於標記 C 語言源程式碼中的一些可疑和不可移植結構（可能是錯誤）的特定程式的名稱. 該術語現在普遍適用於在以任何電腦語言編寫的軟體中標記可疑使用的工具.

1C

AutoHotkey

> 語法高亮、片段、轉到定義、簽名助手和程式碼格式化程式

Bash

> Bash 的語言伺服器

> 基於 bashdb 的 Bash 腳本調試器擴展

> Bash 腳本片段擴展

C++

More

C#, ASP .NET and .NET Core

Clojure

> 整合 REPL、linting、內聯評估、測試運行程式等. 由蘋果酒和 nRepl 提供支持.

CSS

> 直接從 HTML 中查看或跳轉到 CSS 定義，就像在括弧中一樣！

Go

Groovy

Haskell

HLSL

Shell

Java

JavaScript

Linters

Framework-specific

> 一個 VS Code 擴展，用於在 Chrome 瀏覽器或其他支持 Chrome 調試協議的目標中調試 JavaScript 程式碼.

Facebook Flow

TypeScript

> 一個 VS Code 擴展，用於在 Chrome 瀏覽器或其他支持 Chrome 調試協議的目標中調試 JavaScript 程式碼.

Markdown

> 一體化降價外掛（鍵盤快速鍵、目錄、自動預覽、列表編輯等）

> 為 VS Code 的內置 Markdown 預覽添加 emoji 語法支持

PHP

IntelliSense

這些擴展提供了稍微不同的功能集. 雖然第一個提供更好的自動完成支持，但第二個似乎總體上具有更多功能.

Laravel

Twig

要在 .twig 文件中啟用 Emmet 支持，您需要在設置中包含以下內容：

{
  「emmet.includeLanguages」：{
    「樹枝」：「html」
  }
}

Smarty

> Smarty 模板支持格式化、摺疊、片段、語法高亮等.

Other extensions

POV-Ray

Python

TensorFlow

ReasonML

Rust

Terraform

GitHub

> 提供 GitHub 工作流支持. 例如瀏覽項目、問題、文件（當前行）、創建和管理拉取請求. 計劃支持其他提供者（例如 gitlab 或 bitbucket）.

> 查看和管理 GitHub 拉取請求和問題

Allows you to manage GitHub Gists entirely within the editor. You can open, create, delete, fork, star and clone gists, and then seamlessly begin editing files as if they were local. It's like your very own developer library for building and referencing code snippets, commonly used config/scripts, programming-related notes/documentation, and interactive samples.

> 顯示 GitHub Actions 工作流程和運行

> 遠程瀏覽和編輯任何 GitHub 存儲庫

> 此擴展使用 GitHub api 來監控您的拉取請求的狀態，並讓您知道何時合併或是否有人請求更改.

Productivity

> 顯示 Azure 資源管理器 (ARM) 模板的圖形預覽. 該視圖將顯示帶有官方 Azure 圖標的所有資源以及資源之間的連結.

> 在 vs 程式碼編輯器中瀏覽你的資料庫

> Azure IoT 開發所需的一切：與 Azure IoT Hub 交互，管理連接到 Azure IoT Hub 的設備，並使用 Azure IoT Hub 的程式碼片段進行開發

> 標記線條並跳轉到它們

> 大型項目或 monorepos 的擴展，可根據當前包為您的選項卡/標題欄著色

> 快速生成測試文件的擴展.

> 用於將工作空間的文件上傳或複製到目的地的命令.

Ability to duplicate files and directories.

> 在線顯示語言診斷（錯誤/警告/...）.

> 通過您最喜歡的鍵綁定切換任何 VS Code 設置.

通過快速方式切換 typescript.inlayHints.functionLikeReturnTypes.enabled 的示例：

> 在 ES7 中提供 Javascript 和 React/Redux 片段

> 輕鬆生成 .gitignore 文件.

> 查看 git 日誌、文件或行歷史記錄

> 自動索引您的 git 項目並讓您輕鬆地在它們之間切換

> 在瀏覽器中轉到當前文件的在線連結並複製剪貼板中的連結.

Provides Git CodeLens information (most recent commit, # of authors), on-demand inline blame annotations, status bar blame information, file and blame history explorers, and commands to compare changes with the working tree or previous versions.

> 活動面板上類似 Atom 的 git 指示器

> 添加 GitLab 側邊欄圖標以查看問題、合併請求和其他 GitLab 資源. 您還可以查看 GitLab CI/CD 管道的結果並檢查 .gitlab-ci.yml 的語法.

> 在 VS Code 中運行 gradle 任務.

> 流行圖標字體的片段，例如 Font Awesome、Ionicons、Glyphicons、Octicons、Material Design Icons 等等！

> 此擴展將在編輯器中內聯顯示導入包的大小. 該擴展使用帶有 babili-webpack-plugin 的 webpack 來檢測導入的大小.

> 將 Jira 和 Bitbucket 的強大功能引入 VS Code - 使用 Atlassian for VS Code，您可以創建和查看問題、開始處理問題、創建拉取請求、進行程式碼審查、開始建構、獲取建構狀態等等！

> 為 JS/TS 文件中的函數調用提供註解，為參數提供參數名稱.

> 提供快速游標移動，靈感來自 Atom 的同名包.

> 用於 Visual Studio Code 的簡單看板，具有時間跟蹤和 Markdown 支持.

> 為靜態和動態頁面啟動具有即時重新載入功能的開發本地伺服器.

> 覆蓋常規的複製和剪切命令以將選擇保留在剪貼板環中

> 直接在編輯器中查看和運行您的 .NET Core 測試.

> 適用於 VSCode 的多合一 i18n 擴展

>只需在 vscode 中編輯 markdown 文檔，並在您鍵入時立即在瀏覽器中預覽.

> 在導入語句中自動完成 npm 模塊的 Visual Studio Code 外掛.

> 提供 JS/TS/PHP 文件中函數調用的參數提示.

> 比較（差異）文件內、不同文件或剪貼板中的文本選擇

> 推斷 JSON 的結構並粘貼為許多編程語言中的類型

> 為 Visual Studio 程式碼提供路徑補全.

> 自動完成文件名的 Visual Studio Code 外掛

> 通過基於 Node.js 的腳本或 shell 命令等方式擴展 Visual Studio Code，無需編寫單獨的擴展

> PrintCode 將正在編輯的程式碼轉換為 HTML 文件，通過瀏覽器顯示並列印.

> 在項目之間輕鬆切換.

> VSCode Project Dashboard 是一個 Visual Studio Code 擴展，可讓您以類似快速撥號的方式組織您的項目. 將您經常訪問的資料夾、文件和 SSH 遠程固定到儀錶板上以快速訪問它們.

> 突出顯示逗號、製表符、分號和管道分隔文件中的列，使用 CSVLint 進行一致性檢查和 linting，多游標列編輯，列修剪和重新對齊，以及使用 RBQL 進行 SQL 樣式查詢.

> 允許用戶打開容器、遠程機器、容器或 Windows Linux 子系統 (WSL) 中的任何資料夾，並利用 VS Code 的完整功能集.

> 允許用戶直接在 Visual Studio Code 中從遠程伺服器編輯文件.

> 允許您發送 HTTP 請求並直接在 Visual Studio Code 中查看響應.

> 用於文本操作的多合一擴展：過濾 (grep)、刪除行、插入數字序列和 GUID、將內容格式化為表格、更改大小寫、轉換數字等等. 非常適合在日誌中查找資訊和處理文本.

> TODO 註釋的自定義關鍵字、突出顯示和顏色. 以及用於查看所有當前標籤的側邊欄.

> 在單引號、雙引號和反引號之間循環

> TypeScript 語言服務外掛提供了一組源操作，便於對象解構

> 自動時間跟蹤器和生產力儀錶板顯示您在每個項目、文件、分支和語言中編碼的時間.

> 時間轉換器擴展，可將時間戳從/轉換為各種格式，並按需插入或僅顯示它們. 它進一步提供了一個簡潔的懸停提供程式來立即美化紀元時間戳. 所有功能都是高度可定製的.

Formatting & Beautification

> 用冒號(:)、賦值(=,+=,-=,*=,/=) 和箭頭(=>) 對齊程式碼. 它對逗號優先的編碼樣式和尾隨註釋有額外的支持.

> 而且它不需要您選擇要對齊的內容，擴展程式會自行解決.

Auto Rename Tag

> 原生設置，只需將 "editor.linkedEditing": true 添加到您的 settings.json 文件中

> 自動重命名成對的 HTML/XML 標籤

> 為 VS Code 美化程式碼

> 將 html 轉換為您的 Visual Studio 程式碼中的哈巴狗，不再需要使用外部頁面.

> 轉換 ECMAScript 字元串文字的引號

> 粘貼帶有「正確」縮進的程式碼

> 按特定順序對文本行進行排序

> 一個簡單而強大的擴展，用於在您的程式碼塊周圍添加包裝模板.

> 用符號或多個符號包裝選擇或多個選擇

> 允許您通過簡單的單擊來打開和關閉格式化程式

> 自動查找、解析併為所有可用的導入提供程式碼操作和程式碼完成. 適用於 Typescript 和 TSX.

> shell 腳本 & Dockerfile & dotenv 格式

> 在您的程式碼中快速翻譯選定的文本

Explorer Icons

Uncategorized

> VS Code 的瀏覽器預覽使您能夠在編輯器中打開一個可以調試的真實瀏覽器預覽. 瀏覽器預覽由 Chrome Headless 提供支持，並通過在新進程中啟動無頭 Chrome 實例來工作. 這提供了一種在 VS Code 中呈現 Web 內容的安全方式，並啟用了有趣的功能，例如編輯器內調試等等！

> 在您最喜歡的編輯器中播放互動式教程.

Run code snippet or code file for multiple languages: C, C++, Java, JavaScript, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, C# Script, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script

> 在 VS Code 中按項目和其他編程指標自動報告時間.

> 在編輯器中突出顯示網頁顏色

> VS Code 輸出面板和日誌文件的語法高亮顯示

> Visual Studio Code 中的 Dash 整合

> 利用您最喜歡的 shell 命令來編輯文本

> VS Code 的編輯器配置

> 自動同步您的工作到遠程 FTP 伺服器

> 突出顯示文件中的匹配標籤.

> 一個簡單的擴展，使縮進更易讀.

> 將選定的 VSCode 主題與 iTerm2 顏色配置文件同步

> 使用我們的生成器工具創建安全密碼. 立即獲取強密碼，幫助防止安全威脅.

> 物聯網開發開放原始碼生態系統：支持350+嵌入式板卡、20+開發平台、10+框架. Arduino 和 ARM mbed 兼容.

> 寶麗來為您的程式碼.

> VS Code 中 JavaScript 和 TypeScript 的快速原型設計遊樂場，可訪問項目文件、內聯報告、程式碼覆蓋率和豐富的輸出格式.

> 直接從 VS Code 運行各種腳本

> 發送消息和程式碼片段，將文件上傳到 Slack

> 提供與 Spotify 桌面客戶端的整合. 在狀態欄中顯示當前播放的歌曲，搜索歌詞並提供用於通過按鈕和熱鍵控制 Spotify 的命令.

> 強大的 SVG 語言支持擴展（測試版）. 處理 SVG 所需的幾乎所有功能.

> 在編輯器中查看 SVG 並將其導出為數據 URI 方案或 PNG.

> 同時突出顯示具有不同顏色的多個文本模式. 突出顯示單個文本模式可以使用編輯器的搜索功能完成，但它不能同時突出顯示多個模式，這就是這個擴展派上用場的地方.

> 在編輯器中快速調出有用的 MDN 文檔

> 從 typescript 類快速生成介面定義

Adds JFrog Xray scanning of project dependencies to your VS Code IDE. It allows developers to view panels displaying vulnerability information about the components and their dependencies directly in their VS Code IDE. The extension also allows developers to track the status of the code while it is being built, tested and scanned on the CI server.