WebStorm:常用插件(全部实用)包含主题、界面、开发效率等

一、主题插件

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

设置同步配置

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

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

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

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