【插件】webstorm 常用插件 好用的插件分享

下面分享部分自用的好用的webstorm插件

1. 中文插件

我这里是已经安装了中文插件的了。英文版的操作是一样的
File -> Settings->Plugins->搜索 chinese 即可
操作步骤如下：

安装完成之后重启Webstorm即可

2. 图标插件

个人觉得系统默认的图标不是很好看，所以去插件市场找了一个图标插件。
插件的名字： Atom Material Icons
操作步骤如下：

3. 翻译插件

对于英语不是很好的开发者，在取变量名或者文件名字的时候会犯难。那么就可以给编辑器装一个这个翻译插件。使用也很方便，可以直接选中中文右键翻译，也可以直接选中用快捷键Ctrl+shift+Y。
插件的名字： Translation
操作步骤如下：

4. Git提交记录

插件的名字： GitToolBox

维护项目时，发现bug，我们想快速知道这行代码是谁提交的，大部分开发者可能要去通过git log来查找。
当我们鼠标选择某一行代码时，就能显示出这行代码的提交人和提交时间。

安装操作步骤同上（ 图标插件）

5. 彩色括号

插件的名字： Rainbow Brackets

可以实现配对括号相同颜色。

安装操作步骤同上（ 图标插件）

6. 高亮括号

插件的名字： HighlightBracketPair

会在左侧代码行数那显示括号范围，比彩虹括号插件更加直观而且不容易看花眼。

安装操作步骤同上（ 图标插件）

7. 右侧代码小地图

插件的名字： CodeGlance Pro

用过 sublime 的同学会知道右侧有一个当前文件中代码的缩略图，这个插件可以让 webstorm 也具有此功能。

安装操作步骤同上（ 图标插件）
示例图如下：
![在这里插入图片描述](https://img-blog.csdnimg.cn/f54c269d18074993bf881cfaa68ec7e0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBARi1GYW5nZXI=,size_20,color_FFFFFF,t_70,g_se,x_16

8. 正则插件

插件的名字： any-rule

一个比较全面的正则插件。

安装操作步骤同上（ 图标插件）
安装好后使用方法：
法一：右键->AnyRule
法二：Alt+a
会打开下图弹窗就可选择对应或搜索正则即可

参考链接：https://blog.youkuaiyun.com/xs20691718/article/details/107247645