一、主题插件

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 或者更高一点。

设置同步配置

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

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

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

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

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

webstorm常用插件最后一个最好
摘要:ideaVimignoreeslintAceJumpKeyPromoterMarkdownAngularJSactivate-power-modeMaterialThemeUICodeGlanc ...
webstorm常用插件集合(2020)
CSDN 中文章可能更新不及时,请前往我的博客查看最新版 2016 年整理了一下自己常用的 webstorm 插件:webstorm常用插件集合不过毕竟现在已经 2020 年了,常用的插件已经发生了 ...
C#（Net）软件开发常用工具汇总，提高你的开发效率
C#(Net)软件开发常用工具汇总,提高你的开发效率写代码也要读书,爱全栈,更爱生活.每日更新原创IT编程技术及日常实用技术文章. 我们的目标是:玩得转服务器Web开发,搞得懂移动端,电脑客户端更是 ...
webstorm 添加php插件,webstorm常用插件分享
首先依次点击File -> settings -> Plugins 调出设置中的插件选项,或者直接快捷键 ctrl + alt + s也可调出设置菜单. 常用插件如下: 1.ideaVim ...
Java开发常用网址，推荐一些能帮助我们提升开发效率和学识巩固的网址，值得收藏
文章目录 1.前言 2.网址信息 1.在线工具: 2.在线学术文档: 2-1 后端相关: 2-2 前端相关: 2-3 AI相关: 1.前言推荐一些能帮助我们提升开发效率和学识巩固的网址,值得收藏 2 ...
webstorm 常用插件集合
点击在我的博客 xuxusheng.com 中查看,有更好的排版哦~ File -> settings -> Plugins 即可调出设置中的插件选项. 或者直接快捷键 ctrl + al ...
IDEA WebStorm 常用插件推荐
使用WebStorm,您无需安装任何其他插件即可直接工作-所有核心功能将立即可用. 但是,如果您希望自己的编码工具更加个性化或需要一些额外的功能,该怎么办? WeStorm提供了许多可以帮助您解决这些 ...
php常用插件,关于PHP网站编程中常用插件的使用——w3cdream|前端学习-开发
网站的建设涉及很多方面,一些功能的开发可能会消耗程序员很长的时间,虽然可以说增加我这个网站的数据量,但是同样也浪费了很长时间,那么如何快速的能节约时间又能够减少开发的周期呢,这就要使用插件了,我们都知 ...
VsCode超实用插件推荐，让你的开发效率火力全开
辅助开发类: 1. Vetur VUE开发必备插件 1.语法高亮,包括 vue/html css/sass/scss/less/stylus js/ts 2.语义高亮,除了支持template模板以外 ...
【Java】IDEA插件推荐，让你的开发效率翻倍
目录说明 1.Github Copilot - 超火的代码补全 2.Translation-必备的翻译插件 3.Tabnine Al Code -代码提示 4.Alibaba Java Code G ...

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