WebStorm:常用插件以及实用设置(全部实用)

2,190 阅读1分钟

不定期更新webstorm开发插件以及实用设置


一、主题插件

个人理解主题插件是与代码编辑器样式相关的插件

1、彩色括号(Rainbow Brackets Lite - Free and OpenSource)

用各种鲜明的颜色显示括号,这样可以很容易分清楚括号配对问题。有米可以考虑 Rainbow Brackets

image.png

效果如下:

image.png

2、代码地图(CodeGlance Pro)

个人感觉:在模块化开发时用处并不是很大,聊胜于无,建议考虑是否使用

image.png

效果如下:

image.png

3、高亮括号对(HighlightBracketPair)

根据鼠标点击位置进行快速定位,可以一眼找到括号的位置,节省大量时间。

image.png

官方示例:

官方使用示例

二、效率插件

个人认为开发时实用的插件

1、自动切换中英文状态(Smart Input)

image.png

效果如下:

image.png

2、快捷翻译(Translation)

快速在IDEA中进行变量名翻译

image.png

效果如下:

image.png

三、自定义后缀补全(快捷打印)

1、进入设置页面,2、点击编辑器->常规,3、点击后缀补全,4、点击添加按钮选择第二项

image.png

输入以下字段:console.log('$EXPR$ ==> ', $EXPR$)

image.png

使用效果:要打印的字段+ . + tab

在这里插入图片描述

四、总结

以上就是个人经常使用且实用的插件以及配置。 有更好的使用建议,希望可以留言。 最后祝愿新的一年发大财!!!