让开发更快更顺畅的 VS Code 插件推荐（二）

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

26、MsSQL

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

主要特征：

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

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

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

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

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

27、VScode-Icons

如果简陋的 VS Code 界面不吸引您，可以在 VS Code 中安装此插件，使其视觉上更加吸引人，并让工作更有趣。此插件最初创建的原因是为了支持文件和文件夹的自定义图标（后来 VS Code 也支持自定义图标了）。 现在，支持自定义图标这个功能使用 VS Code 编辑器原生的实现，而 VScode-Icons 则主要是提供最全面的图标集。

主要特征：

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

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

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

28、Angular 2+ Snippets

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

主要特征：

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

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

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

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

29、TypeScript Hero

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

主要特征：

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

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

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

30、 Path  Intellisense （文件路径提示）

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

主要功能：

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

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

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

31、HTMLHint

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

主要功能：

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

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

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

32、Bookmarks

Bookmarks 是一个书签工具，你是否已经厌倦了无休止地滚动代码，或者使用“Ctrl+F”来找到你想要修改的那行代码？这个 VSCode 书签拓展工具能够让你快速平顺的创建和跳转书签。

主要功能：

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

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

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

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

33、Office UI Fabric Snippets

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

主要特征：

• 支持 UI Fabric 3.0.0 Beta 2

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

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

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

34、Haskelly

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

主要特征：

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

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

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

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

35、Angular UI Bootstrap

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

主要特征：

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

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

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