js扩展插件

全文1689字，预计学习时间5分钟。

2017年，VSCode月活跃用户260万，可以说是目前最好的代码编辑器。

它最大的一个特点就是可以定制很多插件。

MarketPlace提供了大量的扩展插件，开发者可以根据自己的需求定制设置，这也有助于写出高质量的代码。

本文将为编写HTML、CSS、Javascript和使用VueJS或ReactJS等框架的前端工程师推荐10个VS代码扩展。

1.CSS Peek

CSSPeak通过识别和枚举不同的应用样式，帮助开发人员处理标记语言的类字符串和id。这很方便，因为开发人员不再需要在HTML和CSS文件之间频繁跳转。

2.埃斯林特

我很难评价这个插件，因为它有很多追随者，但也有很多开发者不喜欢它。毫无疑问，这个插件有助于编写简洁的代码。如果你是Javascript开发者，这个拥有2400万下载量的扩展是最好的选择。

3.新公共管理理论

所有开发人员都应该知道NPM，他的全名是节点包管理器。这个扩展有助于管理Package.json当生产环境依赖于没有安装的包时，它会警告你并确保安装的版本是正确的。

4.实时Sass编译器

虽然LiveSass编译器很小，但是功能极其强大。它可以将SASS /SCSS文件实时编译成CSS文件，并在浏览器中显示编译后样式的实时预览。

5.Chrome调试器

对于许多开发者来说，Chrome是开发、测试和调试代码的首选浏览器。通过这个官方对VS代码的扩展，开发者可以直接在VS代码中做上面的事情——没有什么能比这个更好了！

6.Javascript代码片段

这个扩展由Charalampos Karypidis创建，已经被下载了450万次。它提供了用于编写Javascript、Typescript、React、Vue、HHTML和ES6语法支持的代码片段。

7.较美丽

插件非常简洁，是Esben Petersen写的，已经下载了近1400万次。它帮助开发人员格式化代码，并提供颜色关键字以使代码更具可读性。

8.美化

它与Prettier非常相似，是一个优秀的代码格式化扩展。近1200万的下载量足以说明一切。它可以用来格式化用Javascript、JSON、CSS、Sass和HTML编写的代码。

9.韦图尔

Vetur是VueJS的官方扩展，下载量超过2000万次。其功能包括:错误检查、自动补全和提供Vue代码片段。如果你也是一个Vue开发者，你可以体验一下这个插件的优秀之处！

10.实时服务器

LiveServer和LiveSass Compiler是同一个人创造的——ritwickdey。在VS代码中，LiveServer可以打开一个本地开发服务器，为静态网页和动态网页提供服务。使用编辑器中的上线按钮，开发人员可以立即将代码放到服务器上。该扩展还支持实时页面刷新——太棒了！

结论

本文推荐的扩展并不完整，也不一定是最好的，但希望它能为开发者编写高质量的代码提供一些好的工具，让web开发者如虎添翼。

如果你发现了一些有用的工具，或者其他你认为是顶尖的扩展，记得在评论区和你分享。

留言关注

我们一起分享AI学习和开发的干货。

如转载，请后台留言，并遵守转载规范。