webstorm编写vue、react 将大驼峰组件命名转换成短横杠命名
2024-08-30 02:26:40
大家好！我是木瓜太香，精通 webstorm 与常见前端技术的工程师，偶尔也在b站搞一些 webstorm 技巧教学，今天给大家带来的是大驼峰小驼峰快速转换短横杠命名或者下划线命名的方式。
开发中我们可能会遇到一个这样的需求，我们在创建组件的时候习惯使用大驼峰命名，而在使用的时候，我们又要使用短横杠或者下划线命名，这种功能我们当然不可能手打的啦，这辈子都不可能的啦。
解决的办法一般比较容易想到的有两种，一种是直接使用插件实现，另一种则是使用宏命令来实现，两种都是可以完成这个操作的，只是第二种更加考验大家对 webstorm 的使用熟练度，所以今天我们先来讲讲这第一种，插件实现方式。
这里我们用到的插件名是 String Manipulation 我们在 webstorm 中安装该插件之后，重启 webstorm 就可以使用了。
使用的方式是对你想转换的字符串右键选中 String Manipulation | Switch Case | 这个路径下面有很多各种各样的选项，可以根据需要来转换。
当然鼠标操作，肯定以及一定还不够快捷，这个时候快捷键绑定就派上用场了，去快捷键绑定一下对应的命令吧，什么？还不会快捷键的绑定？那还不快去哔哩哔哩看木瓜太香的教程！！！
有前端问题需要讨论的可以加我的qun:237871108。也可以通过哔哩哔哩搜索木瓜太香找到我。
最新文章
- 中国CIO最关心的八大问题（下）
- 创建ASP.NET Core MVC应用程序(4)-添加CRUD动作方法和视图
- Github上的PHP资源汇总大全
- 探测FTP状态，socket方式
- Elasticsearch 连接查询
- 12种JavaScript MVC框架之比较
- kendo ui的treeView节点点击事件修改和grid的配置的一点总结
- Solr入门之（3）常用概念说明（持续补充）：
- 匈牙利 算法&模板
- C#泛型类容器
- linux 程序管理
- Android 非Activity类引用getResources()方法问题的解决方法
- DateTime用法
- 浅谈JS数据类型存储问题
- FTP文件操作之下载文件
- FZU 1397 保送
- python为运维人员打造一个监控脚本
- bootstrap响应式设计简单实践。
- LA4080/UVa1416 Warfare And Logistics 最短路树
- 记录es在虚拟机的开启步骤