如何实现从优秀到顶级的飞跃?资深开发人员告诉我们,关键是用什么工具。拥有适合这项工作的工具可以让您作为开发人员的生活变得更加轻松。它与您使用的IDE没有什么不同。许多开发人员使用VisualStudioCode作为他们的首选IDE,以便他们可以安装扩展。扩展的种类是无限的。VisualStudio市场上的扩展太多了,本文将选择7个可以让编码更容易的扩展来介绍。请注意,所有这些插件都可以在VisualStudioMarketplace上免费获得。1.REST客户端REST客户端扩展允许消费者发送HTTP请求并直接在VisualStudioCode中查看响应。这让我们告别了不再需要外部应用向服务器发送HTTP请求的外部应用。它非常受欢迎,安装量已超过一百万,已被许多开发人员使用,并且我已经使用该插件很长时间了。发送请求从未如此简单。语法非常简洁,并且有许多选项可以满足消费者的需求。一个简单的GET请求只需要一行包含GET关键字和URL的代码。2.CSSPeekCSSPeek是Web开发人员必备的工具。使用此扩展,您只需将鼠标悬停在元素的类名或ID上,即可查看应用于HTML中元素的CSS规则。请看下图,这个扩展的具体功能如图所示:另外,这个扩展不仅可以查看样式,还有一个“转到”功能,用户可以通过该功能立即跳转到应用的CSS规则到element,这样可以节省大量搜索正确选择器的时间。3.Beautify如果你喜欢干净的代码,那么你一定会喜欢Beautify,这个扩展可以帮助你的代码更加完美。Beautify支持JavaScript、HTML、CSS、Sass和JSON。这个扩展最好的一点是所有选项都是完全可定制的,例如缩进大小和文件是否应该以新行结尾。如果你用多种编程语言编写代码,Beautify堪称好帮手。可以为每种编程语言定制选项。该扩展的下载量超过500万次,位居安装最多的前20名。4.AutoRenameTagAutoRenameTag扩展的功能非常简单,但是非常好用。该扩展可以自动重命名配对的HTML标签。如果重命名开始标签,它会更改相应的结束标签。反之亦然。如果您想在键入开始标签的右括号时自动添加结束标签,您可以查看自动关闭标签扩展。安装这两个扩展后,您将能够以更高效和一致的方式编写HTML。5.Quokka.jsQuokka.js是一个编辑器内原型设计游乐场,可以访问您的项目文件、内联报告等。代码中的值在运行时更新并显示在代码旁边的IDE中。一句话,太棒了!6.如果NightOwl没有令人钦佩的主题,优化VSCode的价值是什么?由于我在VSCode上花了很多时间,所以我会安装一个主题,让它看起来更好Bar。NightOwl主题是许多开发人员使用的美丽主题之一。根据这个题目的描述,适合喜欢半夜写代码的人。不喜欢NightOwl主题也没关系,还有很多其他漂亮的VSCode主题,在我的另一篇文章中有介绍:https://levelup.gitconnected.com/code-pretty-in-these-主题-for-visual-studio-4162aa35aee1。7.JavaScript(ES6)codesnippets最后要介绍的扩展是JavaScript(ES6)codesnippets扩展。该扩展包含十几个代码片段,可用于生成ES6代码片段。例如,键入clg并按Enter将生成console.log。用户可能需要一些时间来熟悉所有可能的代码片段,但一旦掌握了它们,就可以快速导入ES6。为这些扩展添加书签,帮助您成为顶级开发人员!
