Awesome

viatsko/awesome-vscode

「 🎨令人愉快的VS Code包和资源的精选列表中文」

校对 ✅

翻译的原文	与日期	最新更新	更多
commit	⏰ 2018-10-09		中文翻译

贡献

欢迎 👏 勘误/校对/更新贡献 😊 具体贡献请看

生活

If help, buy me coffee —— 营养跟不上了，给我来瓶营养快线吧! 💰

一份令人愉快的VS Code包和资源清单.为了更精彩,请查看awesome.

</div> <br/>

目录表

官方的
语法
从其他编辑器迁移
Lint与智能提示
- 1C
- Bash
- C++
- C\#
- CSS
  - CSS Peek
- Go
- Haskell
- Shell
- Java
- JavaScript
  - Chrome调试器
- TypeScript
- Markdown
- PHP
  - 智能提示
  - Laravel
  - Twig
  - 其他扩展
  - 更多
- Python
- ReasonML
- Rust
生产力
格式化与美化
未分类
主题
- 用户界面
- 语法
跟随的人
扩展开发者的资源
贡献
许可证

官方的
语法
从其他编辑器迁移
Lint与智能提示
- 1C
- Bash
- C++
- C#
- CSS
  - CSS Peek
- Go
- Haskell
- Shell
- Java
- JavaScript
  - Chrome调试器
- TypeScript
- Markdown
- PHP
  - 智能提示
  - Laravel
  - Twig
  - 其他扩展
  - 更多
- Python
- ReasonML
- Rust
生产力
格式化与美化
未分类
主题
- 用户界面
- 语法
跟随的人
扩展开发者的资源
贡献
许可证

官方的
语法
从其他编辑器迁移
Lint与智能提示
- 1C
- Bash
- C++
- [C](#c%5C)
- CSS
  - CSS Peek
- Go
- Haskell
- Shell
- Java
- JavaScript
  - Chrome调试器
- TypeScript
- Markdown
- PHP
  - 智能提示
  - Laravel
  - Twig
  - 其他扩展
  - 更多
- Python
- ReasonML
- Rust
生产力
格式化与美化
未分类
主题
- 用户界面
- 语法
跟随的人
扩展开发者的资源
贡献
许可证

官方的

语法

语言包用语法高亮和或片段来扩展编辑器,应对特定的语言或文件格式.

从其他编辑器迁移

VSCode团队为流行的编辑器中提供Keymaps,使得过渡VSCode几乎是无缝和简单的.

从Vim迁移

Vim模式-新的但有希望的扩展,在VSCode中实现Vim特性的.作者建议加入他们的Slack通道行列, 参与您最喜爱的Vim功能的特性请求

atom迁移

给VSCode 的流行atom 按键绑定

从Sublime Text迁移

给VScode的流行Sublime Text按键绑定.

从Visual Studio迁移

给VScode的流行VisualStudio按键绑定.

从Intellij IDEA迁移

给VScode的流行Intellij IDEA按键绑定.

Lint与智能提示

即将到来的awesome必杀技linting尚未释放出来:

lint最初是给一个特定的程序起的名字,这个程序在C语言源代码中标记了一些可疑的和不可移植的构造(可能是bug).这个术语现在普遍应用于标记出任何计算机语言编写软件的可疑用法的工具.

与其他一些编辑器不同,VScode支持智能提示、linting、开箱即用,并且不需要任何单独的扩展来运行linter包.有些linters已经集成在VScode中,您可以在正式文档languages章节中找到完整的列表.

1C

1C/OScript- 富 1С:Enterprise 8 (BSL)语言支持- 添加*.bsl и *.os files语法突出显示,添加智能提示和语法帮助器

1C-Syntax

Bash

Bash IDE

C++

C/C++-预览C/C++扩展来自微软,读官方博客帖子细节问题
gnu-global-tags-在GNU全局工具的帮助下为C/C++提供智能提示.
YouCompleteMe-为C/C++ (和用YouCompleteMe为TypeScript、JavaScript、Objtovi-C、Golang、Rust)提供语义完整性.
C/C++ Clang Command Adapter命令适配器-使用Clang命令为C/C++/Objective-C补全和诊断.

`C\#`

C#-预览C#扩展来自微软,读官方文件细节问题
C# fix格式-使用/缩进/括号/空行的fix格式
C# 扩展-为IDE提供扩展,从而加快开发流程.

C# Extensions

CSS

CSS Peek

直接从HTML窥视或跳转到CSS定义,就像在括号里!

CSS Peek

stylelint- lint CSS/SCSS.
Autoprefixer解析CSS,SCSS,LESS,并自动添加供应商前缀.
CSS class名的智能提示-基于工作区中的CSS文件,为HTML类属性提供CSS类名补全.也支持React's className属性.

Go

Go- GO语言的丰富的语言支持.

Haskell

haskell-linter

Shell

autocomplate-shell

Java

JavaScript

Babel JavaScript
Sublime的Babel从Sublime Text移植的Babel扩展

看到这两个之间的区别在这里

tslint- VScode 的 TSLint(与"tslint.jsEnable": true)
eslint-eslintlint.
XO-XOlint.
AVA-AVA语法段.
Prettier- 漂亮的Lint、格式化程序和漂亮打印机.

Chrome调试器

一个VScode扩展,用于调试Chrome浏览器中的JavaScript代码,或者支持Chrome调试协议的其他目标.

VS Code extension to debug your JavaScript code in the Chrome browser screenshot

TypeScript

tslint- VScode 的 TSLint

Markdown

markdownlint-markdownlintlint.

PHP

智能提示

这些扩展提供了稍微不同的功能集合.虽然第一个提供更好的自动补全支持,第二个似乎整体有更多的功能.

Laravel

Laravel 5 语法段-用于Visual Studio代码的LARAVEL 5 语法段
Laravel Blade 语法段- Laravel blade 语法段和语法突出显示支持

Laravel blade snippets and syntax highlight support animation

Laravel Model 语法段-快速使用Laravel模型和运行模型.

Laravel Model Snippets animation

Laravel Artisan VSCode中的Laravel Artisan命令

Laravel Artisan commands within Visual Studio Code animation

DotENV-支持DOTENV文件语法

Support for dotenv file syntax screenshot

Twig

Twig 2

要在.twig文件中启用Emmet支持,您需要在以下设置中,设置以下内容:

{
  "emmet.includeLanguages": {
    "twig": "html"
  }
}

其他扩展

Composer
PHP调试 XDebug VSCode扩展
PHP 文档器
PHP CS fixer PHP CS fixer扩展,PHP格式化程序,PHP代码美化工具
phpcs VSCode的PHP CodeSniffer
phpfmt 用于VSCode的phpfmt

为Drupal配置VSCode

Python

Python- Linting、调试(多线程、Web应用程序)、智能提示、自动补全、代码格式化、代码段、单元测试等等.

ReasonML

ReasonML智能提示、代码格式化、重构、代码长等

Rust

Rust- Linting、自动补全、代码格式化、片段和更多

生产力

Azure Cosmos DB

在VScode编辑器中浏览数据库

Browse your database inside the vs code editor animation

Azure IOT 工具包

Azure IoT开发所需的一切:与Azure IoT集线器交互,管理连接到Azure IoT集线器的设备,并用Azure IoT集线器的代码片段进行开发

Code snippets for Azure IoT Hub screenshot

书签

马克行并跳向他们

Bookmarks command screenshot

Bookmarks toogle screenshot

创建测试

快速生成测试文件的扩展名.

Create tests extension animation

部署

用于将工作空间的文件上载或复制到目的地的命令.

Upload/copy files animation

Gi

生成.gitignore文件很容易.

.gitignore generation animation

GIT历史

查看GIT日志、文件或线路历史

View git log, file or line history animation

项目经理

自动索引Git项目,让您轻松地在它们之间切换

GitLink

去到当前文件在浏览器中的联机链接,并复制剪贴板中的链接.

GoTo current file online animation

GitLens

提供Git CodeLens信息(最近提交、作者的)、按需内联的错误注释、状态栏错误信息、文件和错误历史探索者,以及命令与工作树或先前版本进行比较的命令.

GitLens inline git information animation

GIT指标

atom样式的状态栏上的Git指示器

git added indicator screenshot git removed indicator screenshot git modified indicator screenshot

GitHub

提供Github工作流支持.例如浏览项目、问题、文件(当前行)、创建和管理拉请求.计划对其他提供商(例如Gitlab或bitbucket)的支持.看一下Readme.md关于如何开始这个扩展的设置.

Github Pull请求监控器

这个扩展使用GitHub api来监视拉请求的状态,并让您知道何时应该合并,或者是否有人请求更改.

GitHub Pull Request Monitor

Icon字体

流行的 Icons字体,如Font Awesome, Ionicons, Glyphicons, Octicons, Material Design Icons和更多的片段!

JS参数注释

为JS/TS文件中的函数调用提供注释,以向参数提供参数名.

JS Parameter Annotations

Kanban

kanban

在VSCode中使用的简单看板,具有时间跟踪和Markdown支持.

live服务器

使用静态和动态页面的live reload特性,开发本地启动服务器.

live-server

多剪贴板

重写常规复制和剪切命令,以保持剪贴板环中的选择

核心测试资源管理器

在编辑器中直接查看和运行.NET核心测试.

View and run your .NET Core tests directly in the editor animation

npm智能提示

VSCode插件,自动补全导入语句中的NPM模块.

npm-intellisense

部分Diff

在文件、跨不同文件或剪贴板中比较文本选择(差异)

Partial Diff

将JSON解析成代码

推断JSON和, 粘贴成许多编程语言的类型结构.

Paste JSON as Code

路径感知

自动补全文件名的VSCode插件

Autocompletion for filenames animation

项目经理

容易在项目之间切换.

Switch between projects screenshot

REST客户端

允许您发送HTTP请求,并直接在VSCode中查看响应.

Send HTTP request and view response animation

设置同步

使用GitHub Gist在多台机器上同步设置、片段、主题、文件 Icons、启动、按键绑定、工作空间和扩展

Settings Sync

Todo树

自定义关键字、高亮显示和TODO注释颜色.以及侧栏查看所有当前标签.

Todo Tree

切换引号

单、双、反引号之间的循环

Toggle Quotes

Yo

脚手架工程应用Yoeman

Using yeoman animation

格式化与美化

Better Align - 更好地对齐

用冒号(:)、赋值(=,+=,-=,*=,/=)和箭头(= >)对齐代码.它支持逗号第一编码风格和尾随评论.

它不需要你选择什么是对齐的,扩展将自己解决.

Better Align

自动关闭标签

自动添加HTML/XML关闭标签,与VisualStudioIDE或Sublime Text相同

自动重命名标签

自动重命名成对的HTML/XML标签

Auto rename paired HTML/XML tags animation

beautify

为VScode美化代码

html2pug

在您的VSCode中转换HTML到Pug,不再使用外部页面.

ECMAScript 引号转换器

转换ECMAScript字符串文字的引号

Transform quotes of ECMAScript string literals animation

粘贴和缩进

用"正确"缩进粘贴代码

Indentation of pasted code animation

排序线

按特定顺序排列文本行

Sorts lines of text in specific order animation

Surround

一个简单但功能强大的扩展,可以在代码块周围添加包装模板.

Wrap a template around a code block

包装选择

用符号或多个符号包装选择或多个选择

Wraps selection or multiple selections with symbol or multiple symbols animation

格式化开关

允许您通过简单的点击来切换格式化程序.

Bracket 颜色器对

这个扩展允许匹配的括号用颜色来识别.用户可以定义要匹配哪些字符,以及使用哪些颜色.

Bracket Pair Colorizer

自动导入

自动查找、解析并提供所有可用导入的代码操作和代码补全.与Typescript和TSX合作.

Auto import

探险 Icons

城市灯光 Icons

VScode Icons

VSCode Icons

Seti Icons

Material Icons主题

未分类

代码运行器

运行多语言代码片段或代码文件: 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

Run a snippet or file animation

彩色高亮

在编辑器中突出显示网页颜色

Highlight web colors in your editor screenshot 图片

颜色输出

VScode输出面板和日志文件的语法高亮显示

IBM.output-colorizer

Dash

VSCode中的Dash集成

Dash integration screenshot 图片

用shell命令编辑

运用你最喜欢的shell命令来编辑文本

Edit with Shell Command

VScode编辑器配置

VScode编辑器配置

FTP同步

自动将您的工作同步到远程FTP服务器

Auto-sync your work to remote FTP server animation

PlatformIO

面向物联网开发的开源生态系统:支持 350+嵌入式板,20+开发平台,10+框架.Arduino 和 ARM兼容.

Build using platformio animation

Polacode

为您的代码Polacode.

Make a polaroid image of your code animation

Quokka

VScode中的JavaScript和TypeScript的快速原型开发平台,具有对项目文件的访问、内联报告、代码覆盖率和丰富的输出格式.

Integrated JavaScript/TypeScript playground animation

远程工作空间

多协议支持的东西, 如Azure Brob,S3 buckets,Dropbox,(S)FTP或WebDAV文件,通过使用新的文件系统API, 特别是用于访问编辑器中的本地文件和文件夹等资源作为工作区文件夹.

Remote Workspace animation

Runner

从VScode运行各种脚本

Run various scripts right from VS Code animation

Slack

发送消息和代码片段,将文件上传到Slack

Send messages or code snippets to Slack animation

Spotify

提供Spotify桌面客户端的集成.在状态栏中显示当前播放的歌曲,搜索歌词,并提供用按钮和热键控制Spotify的命令.

vscode-spotify

SVG阅读器

查看SVG在编辑器中,并将其导出为数据URI协议或PNG.

SVG Viewer

文本标记(萤光笔)

在同一时间突出多个文本模式和不同的颜色. 使用编辑器的搜索功能可以突出显示单个文本模式，但它不能同时突出显示多个模式，这是此扩展的便利之处。

Text Marker (Highlighter)

主题

用户界面

如果你感到勇敢,至少有VScode的两个自定义ui:

跟随的人

一系列在Twitter中的不同VScode社区能人

@code——官方Twitter VScode
@auchenberg项目经理- VScode
@BenjaminPasero- VScode开发
@chrisdias项目经理- VScode
@_clarkio— 开发人员提倡@Azure.VS Code版本高亮视频的创建者
@eamodio——GitLens创造者
@ErichGamma- VScode开发
@IsidorN- VScode开发
@joaomoreno- VScode开发
@johannesrieken- VScode开发
@lannonbr— Vscode.rocks和JS参数注释扩展的创造者.
@maeschli- VScode开发
@mattbierner- VScode开发
@MrAhmadAwais—— Wordpress核心开发.VSCode职业课程和紫色色调主题创造者
@ramyanexus - VScode开发. Go扩展的主要成员
@Tyriar- VScode开发. xterm.js的创造者

扩展开发者的资源

文档

更好的注释——更好的评论扩展将帮助你创造更多人性化代码中的注释.
扩展Visual Studio代码是官方文档的一部分

库

vscode-set-text——一个易于使用的VScode#setText()方法.
vscode-test-content——一个方法来设置/获取选择和编辑内容.特别适用于单元测试。

特别适合单元测试.

Live share——Visual Studio Live Share使您能够实时地与他人协作编辑和调试,不管什么编程语言你使用或构建的应用程序类型.
在线TextMate主题编辑器——因为VScode支持TextMate软件主题,您可以在这个在线编辑器创建,然后通过使用Yo 代码工具创建一个新的VScode包
Yo Code——扩展生成器
Open in Code——macOS Finder工具栏应用,在当前文件夹打开VScode

macOS Finder toolbar app to open current folder in Visual Studio Code animation

Themer - 轻松地创建自己的VScode主题(和匹配的其他工具).
VScode 的 Azure工具——这个VScode扩展给Azure开发者一些在编辑器中创建或直接访问资源的方便命令.

azure-tools-vscode

markdown 预览—— Markdown Preview Enhanced 是一个扩展,它为您提供了许多有用的功能,如自动滚动同步,数学排版,mermaid,PlantUML,pandoc,PDF导出,代码块,外观写作,等等很多的想法启发来自markdown预览+和RStudio markdown.

贡献

贡献欢迎首先读 .

许可证

尽可能在法律下,Valerii Iatsko已经免除了这项工作的所有的版权和相关或邻近.