适用于JavaScript开发人员的10个必备VSCode扩展

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

适用于JavaScript开发人员的10个必备VSCode扩展

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

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

VS Code插件的种类

在本文,我主要介绍专门针对JavaScript开发者的VS Code插件。有很多满足此条件的VS Code插件,当然我不会都作介绍。相反,我会着重介绍那些已经相当流行而且对JavaScript开发者来说必不可少的VS Code插件。为简单起见,我把它们分为10类。

在这之中可能有你已经知道并且正在使用的插件,但也很有可能有一些是你听说过但未曾使用过的,我也希望通过本文能为你简要的介绍一下这些插件。

立即学习Java免费学习笔记(深入)”;

1. 代码片段插件

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

2. 语法高亮插件

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

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

3. 代码检测插件

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

如果你想查看对各种代码检测优缺点的综述,可以来看看我们VS Code JavaScript(ES6) snippets

4. Node插件

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

5. 代码格式化插件

有时,你发现自己会对以前写过的风格不太理想的代码做格式整理。为了节约时间,你可以安装以下任何的VS Code插件,来快速地格式化和重构现有代码:

6. 浏览器插件

除非你是在用JavaScript写控制台程序,否则你多半会在浏览器中执行你的JavaScript代码。这意味着,你会频繁地刷新浏览器以观察每次你更新代码的效果。这里有一些工具,能极大地减少你开发时的这种重复流程,而不是每次都手动刷新浏览器:

7. 框架类插件

对于大多数项目,你会使用合适的框架去构建你的代码,以减少开发时间。VS Code通过插件对大多数主流框架都做了支持。然而,仍有一些特定框架没有得到完全的支持。下面是一些提供了强大功能的VS Code插件。

8. 测试类插件

测试是软件开发的关键部分,特别是对于处于生产阶段的项目。您可以在JavaScript中全面了解测试,并阅读有关您可以在我们的指南中运行的各种测试的更多信息,VS Code JavaScript(ES6) snippets。这里有一些针对测试的VS Code插件:

9. 其他棒棒的插件

我把下一批VS Code的插件归为”厉害的”(awesome)这一类,因为这个描述恰到好处。

10. 插件包

现在我们来到了最后一类,我想让你知道,VS Code市场有有一个插件包的分类。本质上,它们是相关联的一些VS Code JavaScript(ES6) snippets,打成一个包,方便安装。这里有些较好的:

总结

VS Code拥有大量的高质量插件,这让它在JavaScript开发者群体中广受欢迎。写JavaScript代码,再没有比现在更容易了。

 ● 像ESLint这样的插件,帮助你避免代码中的常见错误;

 ● Debugger for Chrome,帮助你更容易地调试代码;

 ● 带有智能提示的Node.js插件帮助你正确引用模块;

 ● 像Live Server和REST client这样的可用工具,让你在完成工作时减少了对外部工具的依赖;

 ● 再比如SpreadJS纯前端表格控件,让在线Excel嵌入您的应用。

所有这些工具,都极大地加快了你的迭代流程。

我希望这些列表让你接触到新的VS Code插件,对你的工作流程有帮助。

推荐教程:VS Code JavaScript(ES6) snippets

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享