成都网站建设设计

将想法与焦点和您一起共享

好用的VSCode扩展工具有哪些-创新互联

这篇“好用的VSCode扩展工具有哪些”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“好用的VSCode扩展工具有哪些”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们一起来看看具体内容吧。

西湖网站制作公司哪家好,找创新互联公司!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联公司成立于2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司

vscode有什么用

Visual Studio Code 是一个运行于 OS X,Windows和 Linux 之上的,针对于编写现代 web 和云应用的跨平台编辑器,它为开发者们提供了对多种编程语言的内置支持,并且正如 Microsoft 在Build 大会的 keynote 中所指出的,这款编辑器也会为这些语言都提供了丰富的代码补全和导航功能。

拥有合适的工具可以让你的开发工作变得更加轻松。许多开发人员使用VSCode 作为开发工具,VSCode 允许安装各种扩展工具。

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

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

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

1. REST Client

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

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

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

好用的VSCode扩展工具有哪些好用的VSCode扩展工具有哪些

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

2. CSS Peek

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

如下图所示:

好用的VSCode扩展工具有哪些好用的VSCode扩展工具有哪些

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

3. Beautify

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

Beautify 支持JavaScriptHTMLCSSSassJSON

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

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

4. Auto Rename Tag

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

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

好用的VSCode扩展工具有哪些好用的VSCode扩展工具有哪些

5. Quokka.js

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

简直太棒了!

好用的VSCode扩展工具有哪些好用的VSCode扩展工具有哪些

6. Night Owl

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

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

好用的VSCode扩展工具有哪些

如果你不喜欢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 次下载。

好用的VSCode扩展工具有哪些

感谢你的阅读,希望你对“好用的VSCode扩展工具有哪些”这一关键问题有了一定的理解,具体使用情况还需要大家自己动手实验使用过才能领会,快去试试吧,如果想阅读更多相关知识点的文章,欢迎关注创新互联行业资讯频道!


本文标题:好用的VSCode扩展工具有哪些-创新互联
标题URL:http://chengdu.cdxwcx.cn/article/desede.html