关于javascript:webstorm编写vuereact-将大驼峰组件命名转换成短横杠命名

50次阅读

共计 573 个字符,预计需要花费 2 分钟才能阅读完成。

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

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

解决的方法个别比拟容易想到的有两种,一种是间接应用插件实现,另一种则是应用宏命令来实现,两种都是能够实现这个操作的,只是第二种更加考验大家对 webstorm 的应用熟练度,所以明天咱们先来讲讲这第一种,插件实现形式。

这里咱们用到的插件名是 String Manipulation 咱们在 webstorm 中装置该插件之后,重启 webstorm 就能够应用了。

应用的形式是对你想转换的字符串右键选中 String Manipulation | Switch Case | 这个门路上面有很多各种各样的选项,能够依据须要来转换。

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

我本人建了一个 web 前端的交换裙有趣味的能够退出进来交换哦:237871108。当然你也能够通过哔哩哔哩搜寻木瓜太香找到我。

正文完
 0