打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

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

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

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

解决的办法一般比较容易想到的有两种,一种是直接使用插件实现,另一种则是使用宏命令来实现,两种都是可以完成这个操作的,只是第二种更加考验大家对 webstorm 的使用熟练度,所以今天我们先来讲讲这第一种,插件实现方式。

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

使用的方式是对你想转换的字符串右键选中 String Manipulation | Switch Case | 这个路径下面有很多各种各样的选项,可以根据需要来转换。

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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
webstorm快捷键
webstorm快捷键整理
webstorm单标签设置成双标签展开解决iview中col展开问题
webstorm2018.1 汉化
朋友的定义
【实用干货】procreate中如何调用快捷键
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服