转载：https://www.jianshu.com/p/705c8d679b73
作为一个前端人员，目前的编辑器选择是，重一点的功能强大必然是phpstorm （或者webstorm），轻量级的用的VSC,也许你推荐sublime text 或者atom ，都挺不错的，我个人使用VSC，习惯了而已。
最近由Ubunut重归Window，许多软件需要重装，不免有些麻烦，插件又要重新搜索记忆。所以准备写篇文章记录一下。
安装git避免每次提交都输入账号密码 命令：：git config --global credential.helper wincred
1. Bracket Pair Colorizer ：对括号对进行着色，再也不会搞不清状况了
2. Git History: 可以查看Git log, file, 和line 历史记录。
3 .monokia dimmed颜色主题，码员大爱
4. Document This，目前vscode上最好的ts注释插件。
5. Open-In-Browser 由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）中打开命令面板选项。
6. Quokka Quokka 是一个调试工具插件，能够根据你正在编写的代码提供实时反馈。它易于配置，并能够预览变量的函数和计算值结果。另外，在使用 JSX 或 TypeScript 项目中，它能够开箱即用。
7. CSS Peek 使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。
8. HTML Boilerplate 通过使用 HTML 模版插件，你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构。
9. Prettier Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件，它就能够自动应用 Prettier，并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint，那么还有个 Prettier – Eslint 插件，你可不要错过咯！
10. Color Info 这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。
11. SVG Viewer 此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序，你无需离开编辑器，便可以打开 SVG 文件并查看它们。同时，它还包含了用于转换为 PNG 格式和生成数据 URI 模式的选项。
12. TODO Highlight 这个插件能够在你的代码中标记出所有的 TODO 注释，以便更容易追踪任何未完成的业务。在默认的情况下，它会查找 TODO 和 FIXME 关键字。当然，你也可以添加自定义表达式。
13. Icon Fonts 这是一个能够在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集，包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。
14. Regex Previewer 这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项。
15. Auto Close Tag，适用于 JSX、Vue、HTML，在打开标签并且键入
作者：普通不平庸
链接：https://www.jianshu.com/p/705c8d679b73
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。