协作翻译

原文：Top Visual Studio Code Extensions: 50 Powerful Tools to Make Visual Studio Code Even More Useful Ⅱ

链接：https://stackify.com/top-visual-studio-code-extensions/

译者：Tocy, 翻译狂, Marven_Chi, Tony, leoxu, 边城

本文承接第一部分：让开发更快更顺畅的 VS Code 插件推荐（一）

MsSQL

MsSQL 是一个非常有用的插件。该插件扩展可帮助您开发和连接各种系统到您使用的数据库，这有助于您的团队更有效地访问数据。

主要功能：

- 可定制的命令快捷方式和扩展选项

- 允许您创建和管理各种连接配置文件

- 连接到 SQL 数据库，Azure SQL 数据库和 Microsoft SQL Server

- 评估脚本并在网格中查看结果

- 将结果保存到 JSON 或 .csv 文件格式，以便在编辑器中查看

传送门：

https://marketplace.visualstudio.com/items?itemName=ms-mssql.mssql

VScode-Icons

如果简陋的 VS Code 界面不吸引您，可以在 VS Code 中安装此插件，使其视觉上更加吸引人，并让工作更有趣。

此插件最初创建的原因是为了支持文件和文件夹的自定义图标（后来 VS Code 也支持自定义图标了）。 现在，支持自定义图标这个功能使用 VS Code 编辑器原生的实现，而 VScode-Icons 则主要是提供最全面的图标集。

主要功能：

- 提供一组完整的图标供 VS Code 选择

- 用户可以使图标看起来不一样，并能随意更改扩展名和图标的关联

- 能够为日益增长的图标列表提供推荐

传送门：

https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons

Angular 2+ Snippets

对于使用 Angular 2+ 并且想要一个自动补全插件的程序员来说，本插件当是不二之选。

主要功能：

- 提供大约 89 个 Angular 2+ 代码补全片段 (持续增长中)

- 代码补全功能为 Angular 2.4.11 和 4.0.0 版本做了对应的更新

- 提供了 TypeScript, HTML, ngRx 以及常用代码示例的自动补全

- 当输入 Angular 1 的关键字时，会提示 Angular 2 对应的解决方案

传送门：

https://marketplace.visualstudio.com/items?itemName=Mikael.Angular-BeastCode

TypeScript Hero

TypeScript 让你在写代码的时候检查和重构 JavaScript。 TypeScript Hero 把这个强大的工具带进了 Visual Studio Code，它将自动引入你当前的项目和类库到你目前编写的代码文件。

主要功能：

- 一个命令导入缺失的模块

- 使用‘Light bulb.’功能修复代码中的错误。

- 排序、组织你导入的模块，同时删除无用的模块导入代码。

传送门：

https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero

Path Intellisense

如果你曾经对记住一个文件的路径感到非常头疼，那么 Path Intellisense 可以帮助你解决这个问题。它能自动帮你完成文件名，节省你的时间和精力。

主要功能：

自动完成功能帮助填写您输入的文件路径。

通过简单的设置能够使隐藏文件显示。

带有破折号的文件名也能在自动完成功能下显示。

传送门：

https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

HTMLHint

HTMLHint 是一个静态代码分析工具，可以和 IDE 一起使用来提高代码质量。VSCode 提供了 HTMLHint 这个拓展来供您使用。

主要功能：

- 在 HTML 文件中使用波浪线来高亮错误。

- 在状态栏显示出错误的数量以方便您查看。

- 提供设置和定义代码检查的规则。

传送门：

https://marketplace.visualstudio.com/items?itemName=mkaufman.HTMLHint

Bookmarks

Bookmarks 是一个书签工具，你是否已经厌倦了无休止地滚动代码，或者使用“Ctrl+F”来找到你想要修改的那行代码？

这个 VSCode 书签拓展工具能够让你快速平顺的创建和跳转书签。

主要功能：

- 在你代码的任何地方定义书签来方便你日后跳转。

- 自动完成功能使得导航到你的书签更容易。

- 书签会在 session 中保存到你当前的项目中。

- 书签会在你重新打开文件时候自动恢复。

传送门：

https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks

Office UI Fabric Snippets

利用 VS Code 插件的 Office UI Fabric Snippets 的支持来创建 HTML 文档。 它拥有许多 UI 元素，可以很容易地添加到你的代码中。

主要功能：

- 支持 UI Fabric 3.0.0 Beta 2

- 在编码时输入 Fabric 后，列表可用

- 提供对 HTML 文档的全面更改

- Breadcrumbs，按钮，标注，日期选择器和标签等都可用

传送门：

https://marketplace.visualstudio.com/items?itemName=sivarajanraju.vs-code-office-ui-fabric

Haskelly

编程中使用 Haskell 的开发者可以尝试此 Visual Studio Code 扩展，因为它支持 Haskell 的所有开发。.

主要功能：

- 支持 Haskell 和 Cabal（.hs 和 .cabal）

- 有架构和流行功能的代码片段

- 可以为 Haskell 开发人员提供完整的全面支持

- 可根据用户的喜好自定义

传送门：

https://marketplace.visualstudio.com/items?itemName=UCL.haskelly

Angular UI Bootstrap

通过 Visual Studio Code 扩展来利用 UI Bootstrap 的代码段编写你的 Angular 项目。 在 HTML 或 JavaScript 文件中，只需输入 uib- 和 Angular UI Bootstrap Snippets 即可提供自动填充。

主要功能：

- 自动完成功能可帮你轻松找到代码段

- 按 Tab 键快速切换不同的突出显示占位符

- 可以添加到任何 JavaScript 或 HTML 文件中

传送门：

https://marketplace.visualstudio.com/items?itemName=herrherrmann.angular-bootstrap

Angular 1 JavaScript and Typescript Snippets

如果你对某一程序的要求是能够正常工作，且不用强制更新到最新版本，并且你现在仍在使用 Angular 1，那么你可能会需要这个插件。 它为 JavaScript 和 TypeScript 提供 了Angular 1 的代码片段。

主要功能：

- 提供 JavaScript 和 TypeScript 的代码片段

- 为 Angular 1 的用户提供代码片段

- 支持在代码片段中快速轻松地检索

- 键盘快捷键，以简化工作流程

传送门：

https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular1

Language Support for Java(TM) by RedHat

许多企业应用依赖于 Java。 如果你在 Visual Studio Code 中对用 Java 开发或编辑感到困难，此 VS Code 扩展或许能为你提供帮助，它通过使用 Eclipse JDT、M2Eclipse 和 Buildship 的 Eclipse JDT 语言服务器提供 Java 语言支持。

主要功能：

- 通过 Eclipse JDT 服务器语言提供 Java 语法支持

- 在右下角显示语言工具的状态

- 提供有关语言编码失败的详细信息

- 支持 Maven、Gradle 和 Eclipse

- 支持代码完成、代码导航、高亮、格式化、代码片段等诸多功能

传送门：

https://marketplace.visualstudio.com/items?itemName=redhat.java

Azure Functions Tools

Microsoft Azure 是最受开发人员和 Ops 团队欢迎的云服务之一，用于托管应用程序。Azure 函数是一个功能强大的工具，可实现基于事件触发器的代码，Azure 函数扩展使该功能在 Visual Studio Code 上成为可能。

主要功能：

- 包括用于 host 和函数的 JSON IntelliSense

- 提供快速启动 Intellisense 的快捷方式

- 适用于 Visual Studio Code 1.11.0 及更高版本

传送门：

https://marketplace.visualstudio.com/items?itemName=johnpapa.azure-functions-tools

Cordova Tools

Apache Cordova 是一个流行的移动开发框架，而这里的 Cordova 扩展则能够帮助你在 VS Code 中集成 Apache Cordova 的命令行，代码提示以及调试工具。

主要功能：

- 使用命令行面板在代码中发现错误并对它们进行调试

- 将 Intellisense 运用在插件 API 上

- 百搭任何基于 Cordova 的项目，丝般顺滑哦

- 增加了对 Ionic 框架的支持

传送门：

https://marketplace.visualstudio.com/items?itemName=vsmobile.cordova-tools

Vim

Vim 是许多程序员最喜欢的文本编辑器，现在 Vim 可以模拟运行在 Visual Studio Code 中。 这个 Vim 插件使得编写和编辑代码更容易。

主要功能：

- 整合了多种代码指令

- 拥有多功能的命令映射功能

- 支持多光标、以及之后的多指令

传送门：

https://marketplace.visualstudio.com/items?itemName=vscodevim.vim

React Native Tools

React Native 是由 Facebook 开源的一个流行的移动端开发框架。 这个 React Native 插件允许您为 React Native 编辑、开发、调试，并且集成了命令行工具，为 React Native 项目提供了开发环境。

主要功能：

- 创建了一个支持移动项目的开发环境。

- 使用 visual studio code 

- 自带的调试面板调试代码、快速执行命令。

- 使用 IntelliSense（注：微软提供的智能提示功能）来浏览 React Native API 中的参数。

传送门：

https://marketplace.visualstudio.com/items?itemName=vsmobile.vscode-react-native

PHP Debug

如果你正在使用 PHP 编程，并且想找一个扩展来帮助自己调试 PHP 代码，那么PHP Debug 是你想要的那个 VS Code 扩展，它提供了各种可以简化开发工作并确保代码没有错误的功能。

主要功能：

- 扮演着 VS Code 和 XDebug 之间的适配器这个角色

- 也可以连接到远程的调试器

- 允许用户根据自己的偏好设置断点（按行，按条件以及按功能打断点）

- 在入口或者未捕获的异常以及错误/警告/通知处打断执行

- 支持多个并行的请求

- 可以作为 CLI 或在不进行调试的状态下运行

传送门：

https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-debug

Code Runner

Code Runner 是一个可以让你在 Visual Studio Code 中运行任何语言的代码片段的扩展程序，它支持所有流行的编程语言，包括古董级编程语言和近年来受欢迎的编程语言，如 Clojure、Objective-C、Rust、Racket 、AutoHotkey、AutoIt 等等。

主要功能：

- 提供输出窗口来检查代码段的输出结果

- 支持各种各样的编程语言，如 C ++、- PHP、Clojure、Racket、Python 等等

自定义命令

传送门：

https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

vscode-random

生成并将随机数据直接添加到项目中，此 Visual Studio 扩展完全符合其名字的含义。它使用 ChangeJS 库，并得到 Atom 的 Random 扩展的启发。

主要功能：

- 支持配置名称、年份、数字等

- 支持多条可访问和可执行的命令

- 支持快速安装和启动选项

传送门：

https://marketplace.visualstudio.com/items?itemName=jrebocho.vscode-random

Travis CI Status

除了 Jekins，Travis 也是一个广为人知的和普遍使用的 CI 平台。 在构建阶段检查代码的构建状态是关键。此 Visual Studio Code 扩展使你能够检查项目的 Travis CI 状态，而无需离开 VS Code。

主要功能：

- 提供方便的状态栏中显示状态的小图标

- 提供两个默认命令：在 Travis 中更新状态和打开

- 使用存仓库/用户名的组合来查找测试用例

传送门：

https://marketplace.visualstudio.com/items/felixrieseberg.vsc-travis-ci-status

htmltagwrap

这个简单、有用的 Visual Studio code 扩展为你提供了在 HTML 括号中封装所选代码的选项。

主要功能：

- 封装单个或多个内联选择

- 可用的快速封装的快捷方式

- 支持基于空格和制表符的缩进

传送门：

https://marketplace.visualstudio.com/items?itemName=bradgashler.htmltagwrap

Git Blame

如果你正在寻找一个工具来使用 Git Blame 查看代码的修订历史记录，则此 Visual Studio Code 扩展程序能完成这个任务。它显示在状态栏中以方便访问。

主要功能：

显示所选行的 git blame 信息

在状态栏中展示 git blame 信息状态

为提高显示效果而缩小文字大小

传送门：

https://marketplace.visualstudio.com/items?itemName=waderyan.gitblame

Reactjs Code Snippets 

Reactjs 是由 Facebook 发布的流行的开源 UI 框架。对于使用 Reactjs 的开发人员来说，此 Visual Studio Code 扩展提供了基于 ES6 语法的 snippet。

主要功能：

支持像 JavaScript、TypeScript 和 React 等编程语言

基于 bable-sublime-snippet 包

查看已安装的 snippet 或添加新的 snippet

传送门：

https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets

Settings Sync

Github Gist 是用于分享代码和其他文本的一种极好的方式。使用配置文件同步扩展程序，你可以使用 Gist 在不同的计算机上同步 snippet、主题和其他扩展。

主要功能：

- 一键上传和下载

- 支持匿名的 Gist 和 Github 帐户令牌登录

- 支持配置文件、代码片段（snippet）、扩展和主题的同步

传送门：

https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

Project Manager

在项目之间切换可能会减慢你的编程进度。该 Visual Studio Code 扩展能使该过程无缝切换，允许你像专业人员一样实现多任务。

主要功能：

使得 Visual Studio Code 中的项目能够轻松访问，并可以轻松切换

扫描项目并根据所使用的代码分类

扫描后自动缓存项目

传送门：

https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

这些是从 Visual Studio Marketplace 的众多插件中挑选出来的一部分。每个插件都能在编程中给你提供特定的帮助。他们通过执行各种各样的任务，使你能够添加片段、浏览项目、使用不同的编程语言和添加其他功能。

希望本插件列表可以帮到你，提供你需要的插件，同时开放你的思路，并通过扩展 Visual Studio Code 以简化开发过程并提升开发效率。