webstorm本身足够强大了,但是有时候也希望能有其他的附加功能。
好在官方提供了足够多的插件。
https://plugins.jetbrains.com/webstorm
找一个自己喜欢的插件,以代码缩略图插件为例:https://plugins.jetbrains.com/plugin/7275-codeglance
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsICM38FdsYkRGZkRG9lcvx2bjxiNx8VZ6l2cs0TPR9keJpXT3NmaNBDOsJGcohVYsR2MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnLxYjN5UDN0ADMwEjMwAjMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
代码缩略图可以很直观的看到代码的情况,快速定位代码到对应位置。
点开插件页面,可以看到这个插件的评分很高的:5星好评啊~
下载:
选择versions(版本),点击最新版的 download(下载)。把插件下载到本地。
安装
选择webstorm菜单栏中的 File->Settings (文件--设置),然后找到Setting界面中的 Plugins->install plugin from disk(插件--从磁盘安装插件) ,然后选择下载好的插件包就行了。安装完毕后重启webstorm,大功告成。
尽情享受各种插件带来的乐趣吧。