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

全文共1883字，预计学习时长5分钟

图源：unsplash

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

这与你正在使用的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。

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

推荐阅读专题

留言点赞发个朋友圈

我们一起分享AI学习与发展的干货

编译组：高淳子、曹智博