WebStorm：常用插件（全部实用）包含主题、界面、开发效率等

🎈亲爱的读者朋友们： 如果你觉得这篇文章对你有所帮助，恳请你为我点个赞👍。你的每一个赞都是对我辛勤创作的认可，是我继续前行的动力源泉。
同时，也欢迎你关注我的 CSDN 博客。在这里，我会持续分享更多实用的技术干货、独特的编程见解和宝贵的学习经验。
期待你的点赞与关注，让我们携手共进，共创更精彩的技术世界！

一、主题插件

Material Theme UI

推荐原因：这款插件不仅可以设置主题，还可以设置其他 UI界面。

注意：安装完成之后，记得一定要重启一下WebStorm。

这款主题的设置：Settings —> Appearance & Behavior —> Material Theme

也可以直接搜索：Material 也是可以找到的。

第一，设置主题

这里很推荐这款主题：Atom One Dark （这款主题是目前我所用到的最舒服的一个主题）

第二，设置 Tab 栏的高度

找到下面的 Tabs  ——>  Tab Height ，设置为 26，这个高度是我平时开发觉得的最舒服的高度。

第三，设置 UI 的紧凑

找到下面的 Compact ，勾选 Compact Statusbar 和 Compact Menus ，这个紧凑度最舒服。

 第四，其他的设置

找到下面的 Components ，勾选 Accent Scrollbars 、 Transparent Scrollbars 和 Tabs Shadow，这个设置最舒适。

---

Atom Material Icons

推荐原因：这款插件不仅支持很多不同类型的文件图标，还支持设置文件夹图标。

 注意：安装完成之后，记得一定要重启一下WebStorm。

这款主题的设置：Settings —> Appearance & Behavior —> Atom Material Icons Setting

也可以直接搜索：Material 也是可以找到的。

勾选一下几个选项就是最适合的配置了。

Enable File Icons 文件图标

Enable Directory Icons 目录图标

Enable UI Icons  顶部UI 图标

注意：顶部UI图标指的是下面这些

---

字体 JetBrains Mono

 推荐原因：程序员专用字体。

注意：新版 WebStorm自带这款字体。

---

---

 二、效率插件

Rainbow Brackets

推荐理由：用各种鲜明的颜色显示括号，这样可以很容易分清楚括号配对问题。

---

 CodeGlance2 

推荐理由：让右侧显示当前文件中代码缩略图。

---

Key promoter

推荐理由：只要是鼠标操作能够用快捷键替代的，Key Promoter 会弹出提示框，告知你用什么快捷键替代。

---

Translation

推荐理由：不仅可以翻译一些陌生单词的意思，还可以在取名字的时候不知道怎么取的时候，可以通过右键翻译并替换，就可以自动替换想要的名字。（快捷键：ctrl + shift + X）

---

---

三、WebStorm的小设置 

设置默认内存

推荐：装上 Webstorm 第一件事就是改默认内存，可以在 .vmoptions 设置文件里手动改，也可以在 Help  —>  Change Memory Settings 中更改，建议设置为 4096 或者更高一点。

---

设置同步配置

推荐：将你的配置与你的账户绑定，这样无论在哪个电脑使用都是相同的配置和快捷键。

---

---

更多等待更新...... 

各位有什么好的插件也可以留言推荐给我哈~~~

文档编辑测试不易，来个三连呗

PS：提示

插一句：其实我们用UI插件之后，他会自动覆盖我们webstorm主题。发现想字体之类，原地方已经不能修改。如何修改呢？
设置 >> 搜索字体
点击这个蓝色区域，进入以下页面。就能修改了。
语言默认值，也能修改我们的代码样式。

转载：https://blog.csdn.net/yanzer/article/details/123963639