您的位置:首页 > 其它

想要编码更轻松,这6个VSCode插件不要错过

spring_poll 2020-08-17 23:47 162 查看 https://blog.51cto.com/1488730

拥有合适的工具可以让你的开发工作变得更加轻松,尤其是VSCode插件。今天给大家介绍6个VSCode插件,下面一起来看。

1. JavaScript (ES6) code snippets

JavaScript (ES6) code snippets 扩展工具有多个代码片段,可生成ES6代码片段,比如键入clg然后回车,可以得到一个console.log。初次用它的人可能都不太熟练,但多用几次,熟悉了所有的代码片段,就能快速打出ES6代码。

2. Auto Rename Tag

Auto Rename Tag扩展工具简单好用,如果重命名一个开始标签,它将更改相应的结束标签,相反也成立。这里再介绍一个Auto Close Tag 扩展工具,它可以在开始标签的结束括号中,键入时自动添加结束标签。这两个扩展都很好用,能帮助开发者用更高效和标准的方式编写HTML。

3. REST Client

REST Client 是一个非常流行的扩展工具,语法非常简洁,可以发送HTTP 请求,并在 VSCode 中查看响应,无需使用外部应用程序向服务器发送HTTP请求。还有,简单的GET 请求只需要一行代码,GET关键字后跟URL。

4. Beautify

Beautify的下载量已经超过500W次,适合喜欢整洁代码的开发者。Beautify 支持 JavaScript,HTML,CSS,Sass 和 JSON。这个扩展的较大优点是所有选项都是完全可定制的,而且如果你用几种编程语言编写代码,也可以用Beautify,它可以自定义每种编程语言的选项。

5. Night Owl

Night Owl 主题是许多开发人员的爱用主题,它为喜欢编写代码到深夜的人进行了微调与优化。如果Night Owl主题不适合你,那Pink Cat Boo, Panda Syntax, Mini Dark, Gatito Theme, One Monokai,这几个主题色也不错看。

6. CSS Peek

CSS Peek是web 开发人员的必用扩展工具,将鼠标悬停在元素的类名或元素ID上,就可以看到应用于这个元素的 CSS 规则。而且它不仅可以查看样式,还有一个“转到”特性,能立即跳转到应用于元素的 CSS 规则,节省大量寻找正确选择器的时间。

【责任编辑:赵宁宁 TEL:(010)68476606】

标签: