IDEA WebStorm 常用插件推荐

使用WebStorm，您无需安装任何其他插件即可直接工作-所有核心功能将立即可用。但是，如果您希望自己的编码工具更加个性化或需要一些额外的功能，该怎么办？ WeStorm提供了许多可以帮助您解决这些问题的插件！

在此博客文章中，我们将介绍为JetBrains IDE开发的一些最方便的插件。所有这些插件都与其他JetBrains IDE兼容，例如PhpStorm和IntelliJ IDEA Ultimate，并且可以从“首选项/设置” |“安装”中安装。插件。当然，这并不是所有可用插件的详尽列表，因为我们的资源库中有数百个插件。如果这里没有您喜欢的插件，请在评论中告诉我们。

Theme plugins

寻找比默认IDE主题还多的东西吗？您可以选择多种自定义主题。最受欢迎的主题包括 Material Theme UI, One Dark, Gradianto, 和 Dark Purple. 如果现有主题都不适合您的需求，那么您也可以创建自己的主题 own.

安装后，该主题将在 Theme 下的下拉菜单 Preferences/Settings | Appearance & Behavior | Appearance.

Key Promoter X

以键盘为中心虽然可以大大提高工作效率，但要适应所有新的快捷键组合从来都不是一件容易的事。 Key Promoter X插件有助于使此过程不再那么令人生畏。当您在IDE内部的按钮上使用鼠标时，它会向您显示您本可以使用的键盘快捷键。对于没有快捷方式的按钮，插件建议分配一个。所有这些都有助于您越来越少地依赖鼠标，因此最终可以更快地进行编码。

Rainbow Brackets

该插件为每对括号加上颜色代码，以帮助您确定每个代码块的起始和结束位置。

使用默认颜色时，该插件与深色主题结合使用时效果更好。如果您使用浅色主题或想尝试使用默认主题，则可以创建自己的配色方案。你可以做到 Preferences/Settings | Editor | Color Scheme | Rainbow Brackets.

Indent Rainbow

该插件就像Rainbow Brackets一样，但用于缩进。其主要目的是使缩进更易读。如果使用了错误的缩进，该插件将以红色突出显示该行，从而帮助您更快地找到缩进问题。

就像彩虹支架一样，默认颜色在深色主题下效果更好。您可以在其中使用缩进颜色的不透明度 Preferences/Settings | Other Settings | Indent Rainbow 使其更适合轻主题或您的特定需求。

Nyan Progress Bar

想要使进度条看起来更好一点吗？ Nyan Progress Bar插件可以帮助您。

如果您不喜欢Nyan Cat但仍然喜欢自定义进度条的想法，则可以使用几种替代方法，例如 Hadouken 和 Duck Progress Bar 插件。

String Manipulation

If you need support for advanced text manipulation actions like switching from camelCase to kebab-lowercase, the String Manipulation plugin is what you’re looking for. You can find more information on the supported actions here.

Quick File Preview

注意：从v2020.3开始，此功能开箱即可使用。

该插件可以帮助您加快浏览每个文件内容的过程。具体来说，只要您在``项目''视图中选择项目文件，就可以在编辑器中预览项目文件。

Atom Material Icons

想要使用更多彩色图标增亮您的主题吗？ Atom材质图标插件可在此处提供帮助。

另外，您也可以尝试 Extra Icons 插件。但是，请记住，它附带了对较少的与JavaScript相关的图标的支持。

Codota

如果您想尝试基于AI的代码完成功能，那么Codota插件是一个不错的起点。它使WebStorm的完成建议更加相关，从而进一步提高了编码速度。如果您想进一步了解此插件的工作原理，请浏览其插件 dedicated page 和 Codota’s website.

如果您决定尝试使用Codota，请记住，启用深度完成选项后，您同意向服务器发送一些其他信息。您可以在此处详细了解并确定是否可以接受。

AceJump

如果您想尝试导航功能，可以尝试使用AceJump插件。它使您仅需敲击几次即可跳到编辑器中的任何符号。要了解有关此插件如何工作的更多信息，请浏览可用的详细使用说明.

IDEA Mind Map

喜欢用思维导图组织想法吗？然后，您会发现IDEA思维导图插件非常有用，因为它使您可以创建和编辑以MMD文件表示的思维导图。

Randomness

如果您总是想为您的项目提供一些随机数据，那么此插件非常适合您。它允许您插入随机数，字符串和UUID。

要插入随机数据，请按 Alt+R 并选择要插入的数据类型。每次您使用该操作时，都会插入一个不同的值。

Presentation Assistant

需要出席公司活动，录制截屏视频或进行结对编程吗？安装Presentation Assistant插件，该插件将显示您正在使用的快捷方式，并使观众更容易跟随您的操作。

您最喜欢的WebStorm插件是什么？在下面的评论中分享您的想法！