8个好用的VSCode扩展工具,让你编码嗨到翻!

拥有合适的工具可以让你的开发工作变得更加轻松。许多开发人员使用 VSCode作为开发工具,VSCode 允许安装各种扩展工具。【推荐:vscode基础教程】

10多年的大姚网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同,自动调整大姚建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联建站从事“大姚网站设计”,“大姚网站推广”以来,每个客户项目都认真落实执行。

Visual Studio Marketplace上有太多的可用扩展工具,我们将着重介绍下面8个扩展工具。

即使是最简单的工具也能赋予人们力量去做伟大的事情--比兹·斯通

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

1. REST Client

REST Client扩展工具允许你发送 HTTP请求并直接在 VSCode中查看响应。再也不需要使用外部应用程序向服务器发送 HTTP请求。

这是一个非常流行的扩展工具,得到众多开发人员的青睐,获得了超过 100W 次的安装。另外我自己也使用这个插件已经有一段时间了,我觉得它很棒。

发送请求变得如此容易。语法非常简洁,并且提供了很多选项以满足你的需求。简单的 GET请求只需要一行代码,GET关键字后跟 URL即可。

你真的应该尝试一下 REST Client扩展工具。

2. CSS Peek

如果你是一个 web开发人员,CSS Peek绝对是必要的。有了这个扩展工具,将鼠标悬停在元素的类名或元素ID上,就可以看到应用于这个元素的 CSS规则。

如下图所示:

这个扩展工具不仅仅允许你查看样式。它还有一个“转到”特性,允许你立即跳转到应用于元素的 CSS规则。这为你节省了大量寻找正确选择器的时间。

3. Beautify

如果你喜欢整洁的代码,那么你肯定会喜欢 Beautify

Beautify支持 JavaScriptHTMLCSSSassJSON

这个扩展的优点是所有选项都是完全可定制的--比如缩进大小和文件是否应该以新行结尾。如果你用几种编程语言编写代码,那么 Beautify可以涵盖。可以自定义每种编程语言的选项。

该扩展工具的下载量超过500W次,在最受欢迎的已安装扩展工具中排名前20位。

4. Auto Rename Tag

Auto Rename Tag扩展工具所做的工作很简单,但是很好用。该扩展工具将自动重命名成对的 HTML标签。如果你正在重命名一个开始标签,它将更改相应的结束标签;反之亦然。

如果你想在开始标签的结束括号中键入时自动添加结束标签,你应该看一看 Auto Close Tag扩展工具。安装这两个扩展非常有用,将帮助你以更高效和一致的方式编写 HTML

5. Quokka.js

Quokka.js是编辑器中的原型平台,可以访问项目文件,内联报告等。代码中的值在运行时更新,并在键入代码时显示在IDE中的代码旁边。

简直太棒了!

6. Night Owl

没有一个惊艳的主题,优化VS代码有什么价值?不多,对吧?!既然你花了这么多时间在VS代码上,你最好通过安装一个主题让它看起来更好看。

Night Owl 主题是许多开发人员使用的一个漂亮的主题。根据这个主题的描述,它为我们这些喜欢编写代码到深夜的人进行了微调与优化。

如果你不喜欢 Night Owl主题,安利一下: Pink Cat BooPanda Syntax, Mini Dark, Gatito Theme, One Monokai,这几个主题色也很好看~

7. JavaScript (ES6) code snippets

最后一个要介绍的扩展工具是 JavaScript (ES6) code snippets扩展工具。该扩展工具有多个代码片段,可供您来生成ES6代码片段。
例如,键入clg然后按回车可以得到一个console.log。可能您需要一段时间来熟悉所有的代码片段,但是只要掌握了它,您就能非常快的打出ES6代码

8. TabNine

TabNine是我用过的最好的代码补全工具,TabNine是一款基于人工智能的代码自动补全工具,TabNine在自动补全时会给出每个候选项的概率,并且按照概率大小进行排序,此外,会给出候选项的来源及地址,这样更加方便查询和阅读。目前已经有超过 30W 次下载。

好嘛,如果看到这里,说明是真爱了。要不要给我的 Github 增加一个 star。

相关推荐:编程教学!!
当前标题:8个好用的VSCode扩展工具,让你编码嗨到翻!
本文URL:http://pwwzsj.com/article/cpegso.html