从未如此轻松！让你想要编码一辈子的VS代码扩展

本文转载自公众号“读芯术”(ID：AI_Discovery)。

10年建站经验，成都做网站、成都网站设计客户的见证与正确选择。创新互联公司提供完善的营销型网页建站明细报价表。后期开发更加便捷高效，我们致力于追求更美、更快、更规范。

如何实现从优秀到顶尖的跨越?资深开发人员告诉我们，用什么工具很关键。使用合适的工作工具可以使身为开发人员的你的生活变得更加轻松。

这与你正在使用的IDE没什么不同。许多开发人员都将VisualStudio Code作为选择IDE，这样他们就可以安装扩展。扩展的种类是无限的。VisualStudio市场上有太多扩展，本文将选择其中7种能使编码变得轻松的扩展进行介绍。

请注意，所有这些插件都可以在Visual Studio Marketplace上免费获得。

1. REST客户端

REST客户端扩展允许使用者发送HTTP请求并直接在VisualStudio Code中查看响应。这能让我们告别外部应用程序，不再需要外部应用程序向服务器发送HTTP请求。

它非常受欢迎，安装量超过一百万，已经有许多开发人员使用，我也已经使用这个插件很长时间了。

发送请求从未如此简单。语法真的很干净，可以使用许多选项来满足使用者的需求。一个简单的GET请求所需要的只是一行包含GET关键字和URL的代码。

2. CSSPeek

如果你是网络开发人员，那么CSSPeek是绝对必备的。通过此扩展，只需将鼠标悬停在元素的类名或ID上，即可查看应用于HTML中某个元素的CSS规则。

请看下图，此扩展程序的具体功能如图所示：

此外，此扩展不仅可以查看样式，还具有“转到”功能，使用者通过该功能可以立即跳转到应用于该元素的CSS规则，这节省了很多寻找正确选择器的时间。

3. Beautify

如果是喜欢简洁代码的人，那你绝对会喜欢Beautify，此扩展可帮助让的代码更加完美。Beautify支持JavaScript、HTML、CSS、Sass和JSON。

这个扩展最棒的就是所有选项都是完全可自定义的，例如缩进大小以及文件是否应以新行结尾。如果使用多种编程语言编写代码，Beautify称得上是一个好帮手。可以为每种编程语言自定义选项。

该扩展程序下载量超过500万，在安装次数最多的扩展程序中位列前20名。

4. AutoRename Tag

Auto Rename Tag扩展的功能很简单，但是非常好用。该扩展可以自动重命名配对的HTML标签。如果重命名开始标签，它就会更改相应的结束标签。反之亦然。

如果想在输入开始标签的结束括号时自动添加结束标签，那么可以查看Auto Close Tag extension。安装这两个扩展后，你将可以以更高效、更一致的方式编写HTML。

5. Quokka.js

Quokka.js是编辑器中的原型制作游乐场，可以访问项目的文件、内联报告等。代码中的值会在运行时更新，并显示在代码旁边的IDE中。一句话，就是厉害!

6. NightOwl

如果没有令人啧啧称赞的主题，那么优化VSCode的价值是什么呢?鉴于已经在VSCode上花费了很多时间，接下来就安装一个主题来使它的外观更好看吧。

Night Owl主题是许多开发人员都使用的漂亮主题之一。根据对该主题的描述可知，它适合那些喜欢在深夜编写代码的人。

如果不喜欢Night Owl主题的话也没有关系，其他漂亮的VS Code主题也有很多，在我另一篇文章中有介绍过：https://levelup.gitconnected.com/code-pretty-in-these-themes-for-visual-studio-4162aa35aee1。

7. JavaScript(ES6) code snippets

要介绍的最后一个扩展是JavaScript(ES6) code snippets扩展。该扩展包含十几个代码片段，可以使用它们来生成ES6代码片段。

例如，键入clg然后按回车，将生成console.log。使用者可能要花一些时间来熟悉所有可能的代码片段，但一旦掌握了它们，便可以很快输入ES6。

这些助你成为顶尖开发人员的扩展快快收藏吧!

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

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

猜你还喜欢下面的内容