Webstorm前25个最佳Javascript插件合集:哪个是最好的?

2021年11月28日03:27:54 发表评论 2,970 次浏览

自从 Web 上的 JavaScript 主要用于让你的 Netscape 浏览器咳嗽的弹出窗口和动画以来,已经过去了很长时间。如今,JavaScript 是开发网站和基于 Web 的应用程序最流行的语言,并且在 2020 年及以后将继续统治 Web 堆栈。

如果你是一位使用 JetBrains IDE(WebStorm 或 Intellij Ultimate Edition)之一的 JavaScript 开发人员,那么你很幸运。JetBrains 和社区都提供了大量免费和付费插件,让你的 JS 编程工作更快、更轻松、更有趣。

最佳Webstorm Javascript插件有哪些?挑战在于为 Jetbrains IDE 上的 JavaScript 开发找到最好的插件。谁愿意坐在那里浏览数百个插件来挑选最好的?嗯,我愿意!为了节省你的时间和麻烦,Tabnine 团队搜索了深层网络,并在 WebStorm 和 Intellij 中收集了用于 JavaScript 开发最佳和最有用的插件,并且因为我就是那么好,我什至对列表进行了分类。别客气。

值得注意的是,并非此列表中的所有插件都是你日常开发工作所必需的。因此,在你匆忙安装所有内容之前,请务必阅读说明并仅安装你认为对你的工作效率有真正贡献的插件。毕竟,众所周知,使用不必要的插件使 IDE 过载只会减慢它的速度。

寻找一般的 IntelliJ 插件?查看这篇关于最佳 IntelliJ 插件的博客文章。

最佳Javascript插件合集

此类别中的工具不是 JavaScript 独有的,但对于在 Intellij IDE 上以任何语言进行编码的任何开发人员都很有用并推荐使用。

1.Rainbow Brackets

Webstorm前25个最佳Javascript插件合集:哪个是最好的?

Webstorm哪个Javascript插件最好?这个简洁多彩的插件为你的基于 IntelliJ 的 IDE添加了Rainbow Brackets / Rainbow Parentheses,这对于嵌套元素总是很有帮助。

2. Tabnine(现在支持node.js)

Webstorm前25个最佳Javascript插件合集:哪个是最好的?

我们自己的AI助手Java开发现在支持Node.js的还有。因此,如果你想要一个从数百万个开源 Java 和 node.js 程序以及你的上下文提取的插件,以帮助你更快、更高效地编写代码并减少错误?我们在这里提供插件和服务来为你提供这些。

3.WakaTime

Webstorm前25个最佳Javascript插件合集:哪个是最好的?

是否曾经在一天结束时保存了你的工作,却不知道你的一天实际上是如何进行编码的?好吧,这个小插件肯定会帮助你掌握时间的去向。它衡量在不同项目、不同编辑器和语言中工作所花费的时间

JavaScript 工具

使你的 Intellij IDEA 适应 JavaScript 开发并不难,尤其是使用将 JS 开发特定工具和快捷方式添加到你的 IDE 的插件时。

4. JS Toolbox

Webstorm前25个最佳Javascript插件合集:哪个是最好的?

Webstorm哪个Javascript插件最好?这个有用的插件是一组快捷方式、工具和命令,旨在在 Intellij IDE 上开发 JavaScript 时节省时间并提高效率

5.Assets Compressor

大小很重要,当涉及到 CSS 和 JS 资产时,越小越好。这个插件把这些资产的压缩放在一个菜单项上

6. JSON Parser

Webstorm前25个最佳Javascript插件合集:哪个是最好的?

最佳Webstorm Javascript插件有哪些?JSON Parser 是一个轻量级插件,用于在你的 IDE 中验证和格式化 JSON 字符串,而无需经常切换到浏览器。

7. Google Chrome JetBrain IDE 支持

此 Chrome 浏览器扩展程序可让你立即在浏览器中查看对 HTML 或 CSS 文件所做的更改,而无需重新加载页面。要启用它,你还需要安装它的对应版本——JetBrains 的 LiveEdit

框架及超越

JavaScript 的主要优势之一是它对不同产品、需求和开发任务的适应性。JavaScript 框架、库和运行时环境有多种形状、颜色和风格,我们为每个都包含了一些必备的 Intellij 或 Webstorm 插件。

节点.js

Webstorm前25个最佳Javascript插件合集:哪个是最好的?

每个 JavaScript 开发人员都熟悉 Node.js,它是开源服务器端 JavaScript 运行时环境。因此,即使你目前没有编写服务器端 JavaScript,你也可能已经遇到过并且会再次遇到它。

8.NodeJS

要从 IDE 运行 Node.js 应用程序并使用内置的可视化调试器调试它们,你需要从 JetBrains 自己安装这个方便的插件。

9. Node.​js Remote Interpreter

最佳Javascript插件合集:JetBrains 的另一个有用的 Node.js 插件,可让你在远程环境中运行和调试 Node.js 应用程序。

Vue.js

Webstorm前25个最佳Javascript插件合集:哪个是最好的?

Vue 框架因其可采用性和适应性而广受欢迎,是最常用于构建 Web UI 的框架之一,对于熟悉 CSS 和 HTML 的任何人来说都很容易学习。

10. Vue.js

Webstorm哪个Javascript插件最好?要将 Vue.js 支持添加到你的 Intellij IDE 或 Webstorm,你需要通过 JetBrains 安装此插件。它将添加通常包含在框架或语言插件中的功能,例如代码完成和组件导航

要将 Vue.js 支持添加到你的 IDE,你需要通过 JetBrains 安装此插件。它将添加通常包含在框架或语言插件中的功能,例如代码完成和组件导航。

11. Quasar Framework

类星体框架

Quasar 是一个基于 Vue.js 的开源框架,使 Web 开发人员能够快速创建具有完整 Material Design 2.0 支持的响应式网站和应用程序。尽管此框架未包含在 JetBrains 插件市场中,但还是值得一试,甚至还有将 Quasar 添加到 WebStorm IDE 的指南。

React

Webstorm前25个最佳Javascript插件合集:哪个是最好的?

React 由 Facebook 开发和维护,是一个 JavaScript 库,用于为网站和应用程序构建用户界面。如果你在 Intellij IDEA 或 Webstorm 中开发 React,这些插件可以使用。

12.React CSS Modules

这个插件为用 JavaScript 和 TypeScript 编写的组件添加了 React CSS Modules 支持。它为所用的 CSS 类提供补全和错误突出显示,意图创建在 React 中使用的缺失 CSS 类,并将 React 对 CSS 类名称的引用与“查找用法”、“重命名”和“转到声明”集成在一起。

13.Styled Components

据其开发人员称,该插件为你带来了“组件时代的视觉原语”,如果你希望直接从你的 IDE 以创纪录的速度制作视觉上令人愉悦的界面,它会很有用。

14.React Snippets

正是它在包装盒上所说的 – 一个方便的 React 片段集合,适用于你的 Intellij IDEA 或 WebStorm IDE

Angular 和 AngularJS

Webstorm前25个最佳Javascript插件合集:哪个是最好的?

最佳Javascript插件合集:Angular 是谷歌开发的跨平台开发框架。它最初是 AngularJS,但后来不断发展和扩展其功能。

15. Angular and AngularJS for Intellij

要将框架集成到你的 Intellij IDEA 或 Webstorm IDE 中,你需要下载并安装此插件。它将代码完成、组件导航、代码片段库等直接添加到你的 IDE 中。

16. Angular Component Folding

最佳Webstorm Javascript插件有哪些?想要更整洁、更干净的源树吗?那么这是适合你的插件。它将具有相同名称和不同扩展名的文件快速分组到一个具有相同名称的虚拟文件夹中。

其他插件

17. Pug

Webstorm前25个最佳Javascript插件合集:哪个是最好的?

以前称为 Jade,JetBrains 的这个插件为你选择的 Intellij IDE 添加了对 Pug 模板语言的支持。此外,他们的标志很可爱。

18. Ember.js

Webstorm前25个最佳Javascript插件合集:哪个是最好的?

Webstorm哪个Javascript插件最好?另一个带有可爱吉祥物的框架是 Ember.js,一个开源 Web 开发框架,受到 Netflix 和 Heroku 等品牌的喜爱。这个插件在 Intellij IDE 中添加了对它的支持。

19. JS GraphQL

Webstorm前25个最佳Javascript插件合集:哪个是最好的?

GraphQL 是一种用于 API的开源数据查询和操作语言以及用于使用现有数据完成查询的运行时。此插件为你的 Intellij IDE 添加了对 GraphQL 语言的支持,包括 JavaScript 和 TypeScript 中的标记模板文字。

20. PostCSS

在你选择的 IDE 中添加对 PostCSS 的支持,以便它能够识别 .pcss 文件并启用代码完成和语法突出显示

数据库

应用程序和网站将信息存储在数据库中并随时访问。因此,即使你发誓你从未接触过后端,但对于任何 Web 开发人员来说,了解数据库模式的方法也是必要的。这些工具将帮助你从 IDE 中完成所有工作。

21.Database Navigator

Webstorm前25个最佳Javascript插件合集:哪个是最好的?

这种广泛而先进的数据库开发、脚本编写和导航工具使你可以开发和维护各种类型的数据库,包括 Oracle、MySQL 等。

22. Mongo Plugin

最佳Webstorm Javascript插件有哪些?MongoDB 是 JavaScript 应用程序的流行数据库,该工具可让你直接从 Intellij 或 Webstorm IDE访问 Mongo 数据库并对 Mongo 集合执行 CRUD 操作

测试和整理

如果你盖了,他们会来的。错误和构建错误,就是这样。你很清楚,当输入代码时,你的工作还没有结束,现在是开发中最困难的部分:测试和调试。幸运的是,这些插件可以通过将流行的测试框架和调试工具集成到你的 IDE 中并为它们添加有用的工具和快捷方式来节省你的时间。

23.Karma

Karma 称自己为“出色的 JavaScript 测试运行器”,是开发人员高效测试环境。如果这是你选择的测试运行程序,此插件会将其集成到你的 Intellij IDE 中。

24. JSTestDriver

该插件由 Google 和 JetBrains 开发,通过将 JsTestDriver 集成到你的Intellij IDEA或 WebStorm 中为 JavaScript 单元测试提供支持

25. ESLint

Webstorm前25个最佳Javascript插件合集:哪个是最好的?

最佳Javascript插件合集:ESLint 是一个开源的 JavaScript linting 实用程序,这个插件将把它集成到 WebStorm 和其他具有 JavaScript 开发支持的 Idea 系列 IDE 中。安装后,它将在编辑器中显示错误和警告。

不好了!我们怎么能列出这么多插件而忘记<你最喜欢的插件/工具在这里>?嗯,那只是因为我们想给你留出空间,让你在评论部分中获得所有的荣耀,当然。

木子山

发表评论

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