VS Code的7个扩展,您不想在安装后离开编辑器

...即使是最简单的工具也可以使人们做伟大的事情。

Biz Stone,“下定决心! Twitter创始人负责打造卓越软件”



优秀的程序员和优秀的程序员之间的区别之一是他们使用什么工具。选择正确的工具可以使开发人员的生活更加轻松。它指的是在编写代码时对使用的IDE进行微调。 如今,许多程序员都在使用Visual Studio Code。此代码编辑器支持安装扩展。这些扩展太多了,可以说VS Code的自定义可能性几乎是无限的。 但是在Visual Studio市场上











,在发布VS Code扩展的网站上发布了数量惊人的扩展。这意味着程序员很难准确地找到他们真正需要的东西。如果某个扩展名对某人似乎有用,那么很有可能也会使其他人受益。因此,在这里,我将向您介绍VS Code的7个扩展,它们可以极大地方便程序员的工作。这些都是免费的扩展程序。任何人都可以免费下载和使用它们。



1. REST客户端



REST客户端 扩展允许直接从VS Code发送HTTP请求,并立即查看对其的响应。通过此扩展,您可以告别外部应用程序,否则您将不得不使用外部应用程序向服务器发出请求。



考虑到此扩展下载量超过一百万,它非常受欢迎。许多程序员都使用它。我已经使用REST客户端已有一段时间了,我认为这是一个很好的工具。



它使创建和发送请求变得非常容易和方便。在使用它时,使用了清晰的语法结构,使它在各种情况下都更易于使用。例如,发送一个简单的GET请求只需要一行包含关键字GET和URL的代码



通常,我建议对需要REST客户端功能的任何人尝试此扩展。





使用REST客户端



2. CSS速览



如果您从事Web开发,那么CSS Peek是工具箱中的必备扩展。通过此扩展,您可以快速查看应用于各种HTML元素的CSS规则。要查看相应的CSS代码,只需将鼠标指针悬停在元素的类名称或其ID上。



以下是使用CSS Peek的过程





使用CSS Peek



但是,此扩展功能不仅限于查看样式。除其他外,它使您可以快速跳转到用于样式化元素的CSS规则的代码。这样可以节省大量时间来寻找匹配的选择器。



3.美化



如果您喜欢简洁的代码,那么您一定会喜欢Beautify扩展它允许您格式化代码。Beautify支持JavaScript,HTML,CSS,Sass和JSON。



关于此扩展的最好之处在于,它可以进行深度定制。例如,这包括设置缩进的大小以及指定是否应使用换行符终止文件。Beautify适合使用不同编程语言编写代码的人,您可以为每种语言设置自己的设置。



Beautify的下载量超过500万,是前20大最受欢迎的扩展程序。



4.自动重命名标签



自动重命名标签 扩展解决了一个非常简单的问题,尽管如此,它仍可以在程序员的工具箱中占据应有的位置。即,它使重命名HTML标签的任务自动化。特别是,如果重命名了开始标签,则结束标签也会更改。当您重命名结束标签时,也会发生同样的事情。



如果您希望在输入结束起始标签的括号后自动输入自动关闭标签,请查看自动关闭标签扩展名如果您同时拥有这两个扩展,它将对您编写HTML代码有很大帮助,使您的工作更高效,工作结果更一致。





使用自动重命名标签



5. Quokka.js



Quokka.js扩展是一种沙箱与代码实验的,直接内置编辑器。它允许您通过直接在代码中显示适当的提示来处理文件。这些提示会在输入程序文本的过程中出现,这非常方便。





使用Quokka.js



6.夜猫子



在不使用令人惊奇的主题的情况下优化VS Code的成本是多少?程序员在编辑器中花费大量时间,因此编辑器的外观越吸引人,效果越好。 



夜猫子是许多程序员使用的伟大主题之一。它的说明说,它是为坐在计算机上直到深夜的人设计的。





夜猫子主题



但是,如果您不喜欢这个主题,那就可以了。还有更多好话题,其中之一绝对适合您。



7. JavaScript(ES6)代码段



总结了这些材料JavaScript(ES6)代码片段扩展为开发人员提供了一系列片段,使您可以快速创建现代的JavaScript结构。



例如,如果使用此扩展名,输入clg并按Enter-,它将进入代码console.log掌握此扩展程序中可用的所有代码段可能需要一些时间。但是已经实现JavaScript(ES6)代码段的人将能够真正快速地编写现代JS代码。它支付了学习此扩展所花费的时间。



您正在使用哪些VS Code扩展?






All Articles