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

2年前前端教程41435
WebStorm:常用插件(全部实用)包含主题、界面、开发效率等 写BUG的严Sir 已于2022-04-05 02:06:27修改 16198 收藏 93 分类专栏: IDE 文章标签: webstorm intellij idea idea ide 于2022-04-05 02:05:35首次发布 IDE 专栏收录该内容 2 篇文章 1 订阅 订阅专栏 一、主题插件 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 或者更高一点。


设置同步配置

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



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

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

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

相关文章

【C语言】break 关键字

【C语言】break 关键字...

见过仙女蹦迪吗?一起用python做个小仙女代码蹦迪视频

见过仙女蹦迪吗?一起用python做个小仙女代码蹦迪视频...

全网最全-谷粒商城项目-面试总结-简历优化

全网最全-谷粒商城项目-面试总结-简历优化...

【C++】C++ 入门

【C++】C++ 入门...

【毕业季】在校的我是这样看待毕业

【毕业季】在校的我是这样看待毕业...

【Linux】常见指令(一)

【Linux】常见指令(一)...