乐趣区

关于前端:这8个VSCode插件让你编码嗨到停不下来

领有适合的工具能够让你的开发工作变得更加轻松。许多开发人员应用 VSCode 作为开发工具,VSCode 容许装置各种扩大工具。

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 次下载。

退出移动版