Awesome VS Code

令人愉快的Visual Studio 程式碼的精選列表包和資源. 如需更多精彩，請查看出來真棒. Build Status

Official

Syntax

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

Migrating from other editors

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

Migrating from Vim

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

Camel Humps

> 與 Visual Studio 和 Resharper 或 Intellij IDEA 一樣

Using VS Code with particular technologies

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

請務必訪問它 Microsoft/vscode-recipes

Lint and IntelliSense

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

與其他一些編輯器不同，VS Code 開箱即用地支持 IntelliSense、linting、outline，並且不需要任何單獨的擴展來運行 linter 包. 一些 linter 已經整合在 VS Code 中，你可以在官方文檔中找到完整的列表， Languages 部分.

1C

1C/OScript - VSC 中豐富的 1С:Enterprise 8 (BSL) 語言支持 - 為 VSC 中的 *.bsl и *.os 文件添加語法高亮，為 1С lang 添加 IntelliSense 和語法助手

AutoHotkey

Bash

C++

C/C++ - 預覽 C/C++ 擴展 Microsoft，讀 official blog post 詳情
Clangd - 使用 clangd 為 VS Code 提供 C/C++ 語言 IDE 功能：程式碼完成、編譯錯誤和警告、轉到定義和交叉引用，包括管理、程式碼格式化、簡單重構.
gnu-global-tags - 在 GNU Global 工具的幫助下為 C/C++ 提供 Intellisense.
YouCompleteMe - 使用 C/C++（和 TypeScript、JavaScript、Objective-C、Golang、Rust）提供語義完成 YouCompleteMe.
C/C++ Clang Command Adapter - 使用 Clang 命令完成和診斷 C/C++/Objective-C.
CQuery - C/C++ language server 支持數百萬行程式碼庫，由 libclang 提供支持. 交叉引用、完成、診斷、語義突出顯示等.

More

Microsoft's tutorial on using VSCode for remote C/C++ development

C#, ASP .NET and .NET Core

C# - C# extension by Microsoft，讀 official documentation 詳情
C# FixFormat - 修正使用/縮進/大括弧/空行的格式
C# Extensions - 為 IDE 提供擴展，以加快您的開發工作流程.
MSBuild Project Tools
VSCode Solution Explorer
.NET Core Test Explorer

Clojure

Calva

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

CSS

CSS Peek

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

stylelint - Lint CSS/SCSS.
Autoprefixer 解析 CSS、SCSS、LESS 並自動添加供應商前綴.
Intellisense for CSS class names - 根據工作空間中的 CSS 文件，為 HTML 類屬性提供 CSS 類名稱補全. 還支持 React 的 className 屬性.

Go

Go - 對 Go 語言的豐富語言支持.

Groovy

VsCode Groovy Lint - Groovy lint、格式化、美化和自動修復

Haskell

haskell-linter
Haskell IDE engine - 提供 language server 用於堆棧和 cabal 項目.

HLSL

HLSL Tools - 為在 VS Code 中編輯 HLSL 文件提供豐富的語言支持

Shell

autocomplate-shell

Java

JavaScript

TS/JS postfix completion

Babel JavaScript
Visual Studio IntelliCode - 此擴展提供 AI 輔助開發功能，包括基於對程式碼上下文的理解的自動完成和其他見解.

看看這兩者的區別 here

Linters

tslint (deprecated) - 用於 Visual Studio 程式碼的 TSLint（使用 "tslint.jsEnable": true）.
eslint - 棉絨 eslint.
XO - 棉絨 XO.
AVA - 片段 AVA.
Prettier - Linter、Formatter 和 Pretty 印表機 Prettier.
Code Spell Checker - Visual Studio Code 的拼寫檢查器（英文）. 還通過外部擴展支持其他語言.
Schema.org Snippets - 片段 Schema.org.

Framework-specific

Vetur - Vue.js 工具包

Debugger for Chrome

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

Facebook Flow

Flow Language Support - 提供您期望的所有功能 - linting、智能感知、類型工具提示和點擊定義
vscode-flow-ide - Visual Studio Code 的替代 Flowtype 擴展

TypeScript

tslint (deprecated) - 用於 Visual Studio 程式碼的 TSLint.

Debugger for Chrome

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

Markdown

Markdown Emoji

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

PHP

IntelliSense

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

Laravel

Laravel 5 Snippets - 用於 Visual Studio 程式碼的 Laravel 5 片段
Laravel Blade Snippets - Laravel 刀片片段和語法高亮支持

Laravel Model Snippets - 使用 Laravel 模型片段快速啟動並運行模型.

Laravel Artisan - Visual Studio Code 中的 Laravel Artisan 命令

DotENV - 支持 dotenv 文件語法

Twig

Twig Language 2

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

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

Smarty

Smarty Template Support

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

Other extensions

Format HTML in PHP - 格式化 PHP 文件中的 HTML. 在保存操作之前運行，因此您仍然可以使用 PHP 格式化程式.

Composer
PHP Debug - Visual Studio Code 的 XDebug 擴展
PHP DocBlocker
php cs fixer - 用於 VS Code 的 PHP CS Fixer 擴展、php 格式化程式、php 程式碼美化工具
phpcs - 適用於 Visual Studio 程式碼的 PHP CodeSniffer
phpfmt - 用於 Visual Studio 程式碼的 phpfmt

Configuring Visual Studio Code for Drupal

POV-Ray

POV-Ray - Vision Ray Tracer (POV-Ray) 擴展的持久性，包括常見 POV-Ray 場景元素的語法突出顯示和片段，從 Visual Studio Code 中渲染當前場景

Python

Python - Linting、調試（多線程、Web 應用程式）、智能感知、自動完成、程式碼格式化、片段、單元測試等.

TensorFlow

TensorFlow Snippets - 此擴展包含一組有用的程式碼片段，用於在 Visual Studio Code 中開發 TensorFlow 模型.

ReasonML

ReasonML - 智能感知、程式碼格式化、重構、程式碼鏡頭等

Rust

Rust - Linting、自動完成、程式碼格式化、片段等

Terraform

Terraform - Hashicorp 的 Terraform 的語法突出顯示、linting、格式化和驗證

GitHub

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

GitHub Pull Requests and Issues

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

GistPad

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 Pull Request Monitor

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

Productivity

ARM Template Viewer

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

Azure IoT Toolkit

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

Color Tabs

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

Duplicate Action

Ability to duplicate files and directories.

Toggle

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

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

ES7 React/Redux/GraphQL/React-Native snippets

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

GitLens

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.

GitLab Workflow

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

Gradle Tasks

> 在 VS Code 中運行 gradle 任務.

Icon Fonts

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

Import Cost

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

Jira and Bitbucket

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

Kanban

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

ngrok for VSCode

> ngrok 允許您將在本地電腦上運行的 Web 伺服器公開到 Internet. 只需告訴 ngrok 您的 Web 伺服器正在偵聽的埠. 此擴展程式允許您控制 ngrok 從 VSCode 命令面板

Instant Markdown

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

npm Intellisense

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

Partial Diff

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

Power Tools

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

PrintCode

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

Project Dashboard

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

Rainbow CSV

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

Remote Development

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

Remote VSCode

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

REST Client

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

Text Power Tools

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

Todo Tree

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

WakaTime

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

Timing

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

Formatting & Beautification

Better Align

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

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

Auto Rename Tag

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

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

beautify

> 為 VS Code 美化程式碼

html2pug

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

Auto Import

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

Explorer Icons

Uncategorized

Browser Preview

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

Code Runner

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

PlatformIO

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

Quokka

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

Spotify

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

SVG

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

Text Marker (Highlighter)

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

JFrog

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.

Themes

UI

如果你有勇氣，至少有兩個 VS Code 的自定義 UI：

Syntax

An Old Hope Theme by Dustin Sanders

VSCode 主題靈感來自遙遠的星系......

Atom One Dark Theme by Mahmoud Ali

一個基於 Atom 的黑暗主題.

Ayu by teabyii

一個簡單的主題，色彩鮮艷，共有三個版本——深色、淺色和海市蜃樓，適合一整天的舒適工作.

Borealis Theme by Alexander Eckert

VS Code 主題靈感來自阿拉斯加北極光的平靜色彩.

Captain Sweetheart by ultradracula

凝灰岩但甜蜜的主題.

Cobalt2 Theme Official by Wes Bos

Wes Bos 的官方主題.

Dracula Official by Dracula Theme

官方德古拉主題. 許多編輯器、shell 等的黑暗主題.

Fairy Floss by nopjmp and sailorhg

一個有趣的、基於紫色的粉彩/糖果/白日夢仙女線主題，由sailorhg 製作.

Jellybeans Theme by Dimitar Nonov

Visual Studio Code 的 Jellybeans 主題.

Material Palenight Theme by whizkydee

適用於 Visual Studio Code 的優雅多汁的類材料主題.

Material Theme by Mattia Astorino

Visual Studio Code 現在最史詩般的主題.

Monokai Oblique by pushqrdx

Monokai 靈感主題 Visual Studio Code 和 Visual Studio IDE.

Monokai Pro by monokai (commercial)

為專業開發人員提供的精美功能，來自原始 Monokai 配色方案的作者.

Night Owl by Sarah Drasner

夜貓子的 VS Code 主題. 在白天也能很好地工作，但這個主題非常適合我們這些喜歡在深夜編寫程式碼的人. 顏色選擇考慮了色盲和光線不足的人可以使用的顏色. 決策還基於有意義的閱讀理解對比和最佳炫目效果. ✨

Relaxed Theme by Michael Kühnel

一個輕鬆的主題，可以更輕鬆地看待事物.

Shades of Purple by Ahmad Awais

⚡ 帶有精心挑選和大膽的紫色色調的專業主題，與您的 VS Code 相得益彰. 具有樣式的自定義 VS Code 主題.

Slime Theme by smlombardi

Visual Studio Code 的深色語法/工作台主題 - 針對 SCSS、HTML、JS、TS、Markdown 和 PHP 文件進行了優化.

People to Follow

VS Code 社區中各種人的 Twitter 帳戶列表

@code - 官方 VS Code 推特
@auchenberg - VS 程式碼項目經理
@BenjaminPasero - VS 程式碼開發
@chrisdias - VS 程式碼項目經理
@_clarkio - 開發人員倡導者@Azure. VS Code 發布精彩影片的創作者
@eamodio - GitLens 創作者
@ErichGamma - VS 程式碼開發
@IsidorN - VS 程式碼開發
@joaomoreno - VS 程式碼開發
@johannesrieken - VS 程式碼開發
@lannonbr - vscode.rocks & JS Parameter Annotations 擴展的創建者
@maeschli - VS 程式碼開發
@mattbierner - VS 程式碼開發
@MrAhmadAwais - JS/WordPress 核心開發. VSCode.pro 課程和紫色主題的創建者
@ramyanexus - VS 程式碼開發. Go 擴展的維護者
@Tyriar - VS 程式碼開發. xterm.js 的創建者

Resources for extension developers

Documentation

Better Comments - Better Comments 擴展將幫助您在程式碼中創建更人性化的註釋.
Visual Studio Code API 部分 Official Documentation

Libraries

vscode-test-content - 一種設置/獲取編輯器內容的方法，以及它的選擇. 對於單元測試特別有用.
typed-vscode - 從擴展清單的貢獻點生成類型

Tools

Live Share - Visual Studio Live Share 使您能夠與他人即時協作編輯和調試，無論您使用的是什麼編程語言或您正在建構的應用程式類型.
Online TextMate Themes Editor - 由於 VS Code 支持 TextMate 主題，您可以在此在線編輯器中創建它們，然後使用創建新的 VS Code 包 Yo Code 工具
Yo Code - Extension Generator
Open in Code - 用於在 Visual Studio Code 中打開當前資料夾的 macOS Finder 工具欄應用

Themer - 輕鬆為 VS Code 創建您自己的主題（以及為您的其他工具匹配的主題）.
Azure Tools for Visual Studio Code - Visual Studio Code 的此擴展為 Azure 開發人員提供了一些方便的命令，用於直接在編輯器中創建或訪問資源.

Mark down preview - Markdown Preview Enhanced 是一個擴展，它為您提供了許多有用的功能，例如自動滾動同步、數學排版、美人魚、PlantUML、pandoc、PDF 導出、程式碼塊、Demo文稿編寫器等.它的很多想法都受到 Markdown Preview 的啟發Plus 和 RStudio Markdown.

Online Courses

Visual Studio Code Power User Course (commercial)

使用 Sublime Text 10 年後， Ahmad Awais 切換到 VSCode，建構 Shades of Purple theme, and spent over a 1,000 hours perfecting his setup. He has launched a VSCode Power User Course to help you switch today. You can bring all your custom settings from the previous editor and learn the power user workflows for HTML/CSS, Git/GitHub & Open Source, supercharged Markdown, and everything from JavaScript to PHP, Go, Python, C++, C#, ROR. In this course, you'll also learn to install/setup 50+ Extensions.