webstorm中使用codeLf辅助命名

初衷

命名，包括变量命名、类名命名等等，一直困扰着我。为了解决这个不是技术问题的问题，我坚信，webstorm这么强大的编辑器，是有插件可以帮到我的。

工具

借用两个工具，可以轻松完成命名：

1. webstorm的插件IntelliJ-OnlineSearch：一个使用任何在线搜索引擎搜索所选文本的插件
2. codeLf在线网站：在线搜索命名，还有其他功能，可以点击链接进去看看

具体操作

1. 安装OnlineSearch插件
   File -> Settings -> Plugins -> 输入OnlineSearch查找插件 -> 点击Search in repositories -> install ->安装完后重启
   

   image.png

2. 检查插件是否生效
   随便选中一些文字，点击鼠标右键，出现OnlineSearch即生效
   

   image.png

3. 其实OnlineSearch插件一开始是没有codeLf的快捷入口的（除非你之前设置过，我上面的图就是我之前设置过的），现在设置一下快捷入口
   File -> Settings -> Other Settings -> OnlineSearch -> 按规则增删改你想要的快捷入口
   

   image.png

4. 设置快捷键
   File -> Settings -> Keymap -> Plug-ins -> OnlineSearch -> 添加你想设置的快捷键

   
   image.png
   image.png

愉快地使用它吧，在这里放几张效果gif图

1. 在编辑器使用

   
   image

2. 在其他文本区域也可以使用

   
   image