让开发更快更顺畅的 VS Code 插件推荐（一） 已翻译 100%

Microsoft 推出的代码编辑器 Visual Studio Code 为开发者提供了许多实用的工具和插件扩展，大家可以根据自己的需求打造自己的编辑器。Visual Studio Code 定期更新插件扩展，你可以在它的 Marketplace 中寻找合适的工具、代码片段或其他内容以简化开发过程。

插件扩展是 Visual Studio Code 体验的一个重要组成部分，本文从 Marketplace 里面选出了 50 个值得大家一试的实用插件，以造福 VS Code 发烧友。下列插件全部免费，有些可能需要你安装额外的程序才能使用。当然，如果你有更好的推荐，欢迎留言分享。

1、TSLint

如果你对于你的 TypeScript 质量表示怀疑，你可以使用集成在 VS code 中的 tslint linter 进行检查。

主要特征：

• 检查静态 TypeScript 的代码质量。

• 分析整个项目或者某一个特定区域的代码。

• 当分析多行代码时，允许你自动修改错误。

• 支持自动修复 warning 类型的提醒。

• 需要 tslint (全局安装或者是局部安装)。

2、Auto Import

Auto Import 是 VS Code 的自动导入模块，它可以自动查找解析，并为每一次的导入提供代码操作和代码补全。 Auto Import 适用于 TypeScript 和 TSX（的自动补全）。

主要特征：

• 可轻松扫描大型项目中的代码
  
  
• 导入状态栏会显示可用的导入数
  
  
• 可从同一位置合并导入

3、Docker Support

Docker 是当今开发最热门的趋势之一，如果你使用 VS Code，就决不能错过 Docker Support。这是 Docker 的官方扩展，可帮助你创建 dockerflies，并为其添加语法高亮、命令和代码片段。

主要特征：

• 简化容器化应用的创建和启用
• 自动生成 dockerfile 和 docker-compose.yml
• Dockerfile 和 docker-compose 内置于命令调色板中
  
• 有语法高亮和 hover 提示
• Dockerfile 文件含有代码片段和 linting 功能

4、Visual Studio Keymap

快捷键不仅可以节省时间，而且能让你在编码时保持心情舒畅。它们非常受 Visual Studio 用户的欢迎，而这个扩展则可以让你在 VS Code 中使用自己最喜爱的 VS 快捷键。

主要特征：

• 提供传统的 Visual Studio 快捷键设置方案

• 可以轻松地添加自定义的快捷方式

• 将 Windows，Linux 和 Mac 的快捷方式引入到了 Visual Studio Code

• 可以在扩展的贡献列表中找到的所有快捷键方案

5、EditorConfig for VS Code

可以使用这个 Visual Studio Code 扩展来保持编码风格的一致。即使在你的团队中使用多中 IDE 和编辑器，也可以用针对 VS Code 的 EditorConfig 来实现一致性。 在其内部，EditorConfig 使用了 editorconfig npm 软件包，它是几个可用的 EditorConfig 核心之一。 你可以参考下 EditorConfig 的主网站。

主要特征：

• 它是 EditorConfig 面向 Visual Studio 官方发布的扩展

• 可以用来定义缩进，制表符以及行开始和结束位置的样式

• 拥有可以用来读取和遵循已经定义好了的样式规则的文本编辑器插件

• 使用了 editorconfig npm 软件包

6、Evermonkey

Evernote 是最受欢迎的笔记应用程序之一。它可以用于通过 Evermonkey 扩展来提高编码的质量和效率。这个方便的 Visual Studio Code 扩展能让 Evernote 支持 Markdown，与 Sublime Text 遵循相同的原则，但拥有更快速的体验。

主要特征：

• 在 Visual Studio Code 中为 Evernote 提供支持

• 它会在本地缓存数据，以避免重复的网络请求，这样能获得更快速的体验

• 增益的 UI 设计使其外观得到了改善

7、React Redux ES6 Snippets

你可以使用这个简单而实用的 VS Code 扩展来获取到使用了 ES6 的 React 和 Redux 的 JavaScript 代码片段，以帮助自己构建组件。

主要特征：

• 使用 JavaScript 提供代码片段

• 可以通过按下 Ctrl +空格 来快速地访问代码片段

• 拥有样板的辅助

8、Debugger for Chrome

得益于其强大的工具和技术，Chrome一直被开发人员广泛地使用着，在浏览器领域保持着最高的市场份额，它为开发人员的生活提供了诸多便利。 这个 VS Code 扩展程序可协助你在 Chrome 中调试 JavaScript，并提供了许多有用，省时的功能。

主要特征：

• 适用于支持 Chrome 调试协议的其它目标

• 当启用了源映射的时候，即使在源文件上也可以设置断点

• 可以对脚本标签以及 eval 脚本进行调试，只要它们添加了 added

• 支持本地的窗格，变量观察以及控制台

9、JSHint

JSHint 是一个可以在 JavaScript 代码中快速查找错误的优秀工具。如果你习惯了 JSHint，也可以在 Visual Studio Code 中来使用它，而这个扩展则使得这样的需求更容易实现。你可以在这个网站找到。

主要特征：

• 使用了网站上所描述的默认的 JSHint 配置

• 默认情况下，所有文件都包含在此扩展中

• 允许从检查中排除特定的文件和文件夹

• 拥有针对指定工作区禁用 JSHint 的选项