爱不释手的7个VSCode扩展，妙啊

 听说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+安装!不过有一点要注意就是在编写本文时，此扩展名还有许多未解决的问题。

文章题目：爱不释手的7个VSCode扩展，妙啊
本文路径：http://www.gawzjz.com/qtweb2/news2/7302.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联