🎈亲爱的读者朋友们： 如果你觉得这篇文章对你有所帮助，恳请你为我点个赞👍。你的每一个赞都是对我辛勤创作的认可，是我继续前行的动力源泉。
同时，也欢迎你关注我的 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