VSCode插件有哪些种类

介绍

这篇文章给大家分享的是有关VSCode插件有哪些种类的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

如今,Visual Studio代码无疑是最流行的轻量级代码编辑器。它确实从其他代码编辑器那借鉴了很多,最主要是从崇高和原子那里。然而它的成功关键是源于能提供更好的性能和稳定的表现。

另外,它还提供了如代码智能提示等开发者非常需要的功能。而这些功能,曾经只在像Eclipse或者Visual Studio 2017这样的完整集成开发环境(ide)中才有。

VS代码的强大无疑来自于它的插件市场。多亏了开源社区,现VS代码在几乎对所有的编程语言,框架和开发技术都有支持。提供这种支持的方式是多样的,主要包括了为特定技术提供代码片段,语法高亮,埃米特以及智能提示功能。

<强> VS代码插件的种类

1。代码片段插件

当你第一次安装VS代码时,它会附带一些JavaScript和打印稿的代码片段。在你开始上手现代JavaScript之前,你将需要一些额外的代码片段来帮助你快速地编写ES6/ES7代码:

<李>

VS JavaScript代码片段(ES6):当前最流行的,已有超过120多万的下载量。这个插件为JavaScript,打印稿,HTML,反应和Vue提供了ES6的语法支持。

<李>

JavaScript代码片段(ES6) StandardJS风格:这基本上是前一个扩展的分支,但没有分号。

<李>

原子JavaScript片段:移植自原子的JavaScript插件。

<李>

JavaScript片段:提供了ES6代码片段的集合。它包含对摩卡、茉莉花等其他bdd(行为驱动开发)测试框架的支持。

2。语法高亮插件

最新版本的VS代码目前支持变量和函数引用的着色。它现在更像是原子。io编辑器语法,因此不再需要诸如JavaScript Atom语法之类的扩展。

但是,我们仍然有一些语法突出显示扩展,这些扩展在某些项目中很有用。这是一对夫妇:

<李>

巴贝尔JavaScript:支持ES201X,反应,FlowType以及GraphQL的语法高亮。

<李>

DotENV:支持.env文件语法高亮,在你使用节点时会非常有用。

3。代码检测插件

以最小的烦恼高效编写JavaScript代码,需要一个代码检测(短绒)工具。它强制团队所有成员遵循特定的代码规范.ESLint是最受欢迎的,它支持许多代码风格,包括标准,谷歌和Airbnb的JavaScript代码规范。这里是最流行的VS代码代码检查插件:

<李>

ESLint:这个插件把ESLint集成到VS代码中。它是最流行的代码检测插件,已有超过670年万下载量。它的规则在.eslintrc.json里配置。

<李>

JSHint:基于JSHint的代码检测插件。在项目跟目录下使用.jshintrc文件作为其配置。

<李>

JavaScript标准风格:零配置和严格规则的代码检测,强制使用StandardJS规则。

<李>

JSLint: JSLint的短绒扩展。

如果你想查看对各种代码检测优缺点的综述,可以来看看我们对代码检测工具的比较。

4。节点插件

每一个JavaScript项目都需要至少一个节点计划,除非你是那种喜欢以艰难的方式做事的人。这里有一些VS代码插件,能帮你更容易的处理节点模块。

<李>

npm:用package.json来校验安装的npm包,确保安装包的版本正确,对缺少包。json文件的包或者未安装的包给出高亮提示。

<李>

npm智能感知:导入语在句中自动完成npm模块。

 VSCode插件有哪些种类“> <br/> </p> </李> <李> <p>路径智能感知:它其实与节点没有关系,但是你肯定需要对本地文件的智能提示,这个插件会自动补全文件名。</p> </李> <李> <p>节点执行:允许你用节点执行当前文件或者选中的代码。</p> </李> <李> <p>视图节点包:利用此插件可快速查看节点包源码,让你直接在VS代码中打开节点包的代码库或文档。</p> </李> <李> <p>节点自述:快速打开npm包文档。<br/> </p> </李> <李> <p>搜索node_modules:通常node_modules文件夹不在默认的搜索范围内,这个插件允许你搜索它。源码:vscode-search-node-modules。</p> <p> <img src=VSCode插件有哪些种类