webstorm编写vue、react 将大驼峰组件命名转换成短横杠命名

你们好!我是木瓜太香,精通 webstorm 与常见前端技术的工程师,偶尔也在b站搞一些 webstorm 技巧教学,今天给你们带来的是大驼峰小驼峰快速转换短横杠命名或者下划线命名的方式。

开发中咱们可能会遇到一个这样的需求,咱们在建立组件的时候习惯使用大驼峰命名,而在使用的时候,咱们又要使用短横杠或者下划线命名,这种功能咱们固然不可能手打的啦,这辈子都不可能的啦。前端

解决的办法通常比较容易想到的有两种,一种是直接使用插件实现,另外一种则是使用宏命令来实现,两种都是能够完成这个操做的,只是第二种更加考验你们对 webstorm 的使用熟练度,因此今天咱们先来说讲这第一种,插件实现方式。web

这里咱们用到的插件名是 String Manipulation 咱们在 webstorm 中安装该插件以后,重启 webstorm 就可使用了。webstorm

使用的方式是对你想转换的字符串右键选中 String Manipulation | Switch Case | 这个路径下面有不少各类各样的选项,能够根据须要来转换。插件

固然鼠标操做,确定以及必定还不够快捷,这个时候快捷键绑定就派上用场了,去快捷键绑定一下对应的命令吧,什么?还不会快捷键的绑定?那还不快去哔哩哔哩看木瓜太香的教程!!!code

我本身建了一个web前端的交流裙有兴趣的能够加入进来交流哦:237871108。固然你也能够经过哔哩哔哩搜索木瓜太香找到我。
相关文章
相关标签/搜索