听说VS Code把前端程序员的桌面一统天下，它是一个同时支持 Windows、 Linux 和 macOS 等操作系统的免费代码编辑器，它的风格清冷，主题柔和，插件丰富，迅疾如风。不仅综合了很多优秀编辑器的优势，并且解决了很多编辑器的痛点，它的成功主要因为有更好的体验和稳定性，这些优秀品质也让它大受欢迎，成为了Python开发的绝佳平台也是很多程序员最喜爱的编程工具。以下推荐6个爱不释手的VS Code扩展，快来收藏吧。
1.Live Server
前端在本地开发的时候时常需要开启一个本地服务器好实时预览。这个插件就可以实现静态、动态页面的实时预览，保存就能看见页面更新，不需要手动去刷新。这个扩展的作者是个印度小哥，在扩展市场的主页也置顶说了他最近非常忙，在找人维护这个项目。但是这个包两年前就不更新了，目前没发现合适的替代品，有需要的大家我觉得可以继续用。
2.Prettier
它可以帮助大家用简单明了的方式格式化代码，并且支持多种技术和编程语言。可以通过手动选择文件的所有内容，然后按Option / Ctrl + Shift + F键。如果有提示你选择默认格式化程序的话要从下拉列表中选择更漂亮。当你想要自动保存文件的内容时，就需要手动进行一些小的配置更改，方法是转到左下角并单击齿轮图标，然后点击设置。搜索“保存时格式化”并启用该功能，选中此选项后，每次保存任何修改时，文件的内容都会自动格式化。
3.Angular Snippets (Version 9)
extension与React代码段类似，这个扩展可以让你快速生成Angular代码段，大量节省了时间和精力!已有超过170万次安装，是Angular开发人员中最流行的代码段扩展。大多数项目都需要一个合适的框架来构建代码并缩短开发时间。虽然有一些VS Code扩展已经支持大多数主要框架，但仍有一些框架还没有得到支持。此扩展就是一个提供重要功能的好帮手。
4.ESLint
ESLint 号称下一代的JS Linter工具，使用esprima将源代码解析吃成 AST，然后你就可以使用任意规则来检测 AST 是否符合预期，这也是 ESLint 高可扩展性的原因。它可以避免低级bug，找出可能发生的语法错误，提示删除多余的代码，确保代码遵循最佳实践，统一团队的代码风格。
5.Search node_modules
它的作者是Jason Nutter，node_modules文件夹默认是不能被VS Code内置的搜索功能搜到的。所以这个扩展巨有用!已经有470k+的安装量，它可以搜索快速导航和打开文件node_modules的某个包位置。展开node_modules文件夹后，只显示关联的包，相当不错。
6.Git Graph
这玩意可是Git神器，堪比Pycharm内的Git管理器。使用这个扩展，能够清晰地发现当前分支的commit记录和变化，并且能够通过按钮的方式轻易地创建、切换分支、cherry pick、merge、对比分支、查看未提交的修改......还有许多可自定义的扩展设置喔!
7.Mocha sidebar
测试是软件开发的关键部分，尤其是对于处于生产阶段的项目而言。这个扩展的作者是maty，它为使用Mocha库进行测试提供了很大的支持。可以帮助大家直接在代码上运行测试，并将错误显示为修饰符。到现在已有68+安装!不过有一点要注意就是在编写本文时，此扩展名还有许多未解决的问题。
原文地址：https://www.toutiao.com/i6924583101826187789/