适用于JavaScript开发人员的最佳VS Code扩展合集

2021年11月28日05:13:13 发表评论 779 次浏览

正如我们对 Python 开发人员的最佳扩展所做的那样, 是时候查看和更新​​这篇包含JavaScript 开发人员最佳 VS Code 扩展的文章了,那么VS Code最佳JavaScript扩展有哪些呢?

自从我上次写这篇文章以来,VS Code 已经在我心中有了显着的增长。它的插件生态系统使其成为非常引人注目的选择,即使与 WebStorm 或 PyCharm 相比也是如此。

它仍然不是我选择的编辑器,但最近我更多地将它用于较小的项目或编辑简单的文件,而且过去我不喜欢的大部分事情现在都通过插件解决了。

今天,在这个JavaScript最佳VS Code扩展合集中,我们将展示那些改变 JavaScript 开发人员游戏规则的插件,并将 VS Code 提升到一个全新的水平,下面是完整的VS Code最佳JavaScript扩展排行榜


JavaScript (ES6) 代码片段

JavaScript (ES6) 代码片段
JavaScript (ES6) 代码片段

此扩展程序允许你通过使用预定义的代码片段集来提高工作效率。你可以通过安装其他软件包或构建自己的软件包来自定义片段以匹配你的偏好。

构建你自己的代码片段的自定义选项是其强大功能所依赖的地方,我自己并没有做过很多事情,但我确实安装了额外的插件来获取React 、React Native、Redux 等的帮助程序。只需谷歌“VS Code 代码片段”加上你的框架,你就会找到一套适合你的。

下载 JavaScript (ES6) 代码片段


ESLint

ESLint
ESLint

毫无疑问,ESList 是 JS 开发人员中最受欢迎和最受欢迎的扩展之一。该扩展在你的代码上运行 ESLint 规则并将结果集成到编辑器中。它允许你检测并快速修复规则失效。它是所有 JS 开发人员的必备品,因为它有助于提高生产力和代码质量。

下载 ESLint


Prettier

更漂亮
更漂亮

JavaScript最佳VS Code扩展合集:Prettier 是一个固执的代码格式化程序,它与 VS Code、Visual Studio、Atom、Vim、Sublime Text 等集成。这个方便的小扩展使你的代码格式一致并正确缩进,并为更易读的代码呈现彩色关键字。

它减少了格式化工作,从而提高了生产力。它有助于产生高代码可读性。

下载更漂亮


Quokka.js

Quokka.js
Quokka.js

VS Code最佳JavaScript扩展有哪些?Quokka.js 在你的 VS Code 编辑器中提供快速的 JavaScript 原型设计。它是 JavaScript 和 TypeScript 的现场游乐场。它通常被称为 JS 开发人员的现代暂存器。

你是否曾经想快速尝试一些东西,但最终却在浏览器的控制台上运行了一些 JS?或者你是否node在终端上启动该过程并在那里尝试?这个扩展的主要目的是在你的 VS Code 编辑器中快速方便地运行代码。

下载 Quokka.js


REST客户端

REST客户端
REST客户端

JavaScript最佳VS Code扩展合集:REST Client 是一个 VS Code 扩展,它允许你直接在 VS Code 中发送 HTTP 请求并查看响应。

它是 VS Code 的 Postman,可以方便地集成到代码编辑器中。REST 客户端同时支持 REST 和 GraphQL API

下载 REST 客户端


Chrome 调试器

Chrome 调试器
Chrome 调试器

调试 JavaScript 可能很痛苦。Chrome 和其他浏览器提供了可帮助你完成工作的出色工具。尽管如此,它们通常很难使用或不能提供很好的整体体验,尤其是在使用框架和许多库时。

VS Code最佳JavaScript扩展排行榜:Debugger for Chrome 是由 Microsoft 开发的扩展程序,可无缝帮助你针对每个小的更改调试代码。Chrome 控制台调试器在发现错误来自哪些行和函数方面非常强大,直到查看其数据处理。

在 Chrome 上运行你的代码,在你的代码编辑器上调试。

下载 Chrome 调试器


Live Server

实时服务器
实时服务器

Live Server 允许你启动具有静态和动态页面的实时重新加载功能的本地开发服务器。这对于那些使用像 React 这样已经设置实时重新加载的框架的人来说可能不是很相关,但是如果你正在使用其他网页或静态内容,这个扩展是一个实时保护程序。

下载实时服务器


Live Share

分享实时
实时分享

VS Code最佳JavaScript扩展有哪些?这个很棒,我不确定 WebStorm 是否有类似的东西,但它允许你与其他人共享你的代码编辑器。它非常适合结对编程,尤其是随着在家工作越来越流行。

我用过它,我喜欢它。

下载Live Share


Babel JavaScript

巴别JavaScript
巴别JavaScript

JavaScript 在过去几年发展了很多,随着 React、Flow、GraphQL 等框架和库的引入,现在允许使用许多新类型的“语法”。

VS Code最佳JavaScript扩展排行榜:Babel JavaScript 为新的 JavaScript 语法和这些特定的“语言”启用了语法高亮显示,使你的 JavaScript 编辑器能够使用最新和最漂亮的。

下载 Babel JavaScript


JavaScript booster

JavaScript助推器
JavaScript 助推器

JavaScript最佳VS Code扩展合集:我最喜欢的 WebStorm 功能之一终于在 VS Code 中可用。JavaScript booster 通过分析代码及其上下文自动建议重构或增强代码的快速操作。

它支持来自重构条件、声明、函数、typescript、promise、JSX 等的多种代码操作。

这是此扩展程序的演示:

适用于JavaScript开发人员的最佳VS Code扩展合集
VS Code最佳JavaScript扩展排行榜:JS booster

JavaScript booster


Tabnine

塔比宁
塔比宁

VS Code最佳JavaScript扩展有哪些?从 Webstorm 到 VS Code 的另一个痛点是自动完成的质量。在 VS Code 中,代码补全效果很好,但远远落后于 Webstorm 或 PyCharm。然而,多亏了Tabnine ,VS Code 得到了巨大的提升。

Tabnine 使用 AI 提供最先进的建议,它远远超出了我的预期。它是如此强大的工具,以至于我为 VS Code 和整个 JetBrains 产品套件运行它。

让我们讨论一下它们的一些特点:

  • 疯狂的代码完成
  • 能够从你自己和你团队的项目中学习
  • 隐私,用户可以选择在本地运行模型或获得云完成,在这种情况下,开发者的代码被加密并立即删除。
  • 这些模型是在开源代码上训练的
  • 没有许可问题
  • 免费和付费版本

演示:

适用于JavaScript开发人员的最佳VS Code扩展合集
标签演示

下载 Tabnine


JavaScript最佳VS Code扩展合集总结

VS Code 仍然是开发人员和几乎任何处理文本文件的人的可靠编辑器。它快速、可靠,并且由于其插件生态系统,它是市场上最好的选择之一。

随着它的不断发展,它让我更难证明 Webstorm 的成本是合理的,它正在迎头赶上,我很好奇我是否最终会采取行动。目前,Webstorm 是我处理大型项目的首选,尽管 VS Code 越来越多地出现在我的日常工作中。

谢谢阅读!

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: