30

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

 4 years ago
source link: http://www.cnblogs.com/o00o/p/13636072.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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

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

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

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

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

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

有前端问题需要讨论的可以加我的qun:237871108。也可以通过哔哩哔哩搜索木瓜太香找到我。


Recommend

  • 112
    • 微信 mp.weixin.qq.com 7 years ago
    • Cache

    编写web组件的6个建议

    “组件化”是近几年web前端开发的趋势,关于如何设计出好的组件,本文总结了6点经验,希望对读者有所帮助。尽量不要和其它组件共享变量,保持原子性,依赖过多会影响组件的可复用性和稳定性。尤其不要从路由中取参数(导航栏等本身就依赖路由的组件除外...

  • 102
    • 掘金 juejin.im 7 years ago
    • Cache

    vue组件命名指南,不为取名而纠结

    前言 自古中国取名文化博大进深,往往取一个好的名字而绞尽脑汁.那么一个好名字能够带来什么呢? 名字的内涵必需和使用者固有的本性相配套 不和名人重名、不易重名、创意新颖,真正体现通过名字以区分人的作用 响亮上口读起来流畅好听,协音美好,因为声音涵意同样影...

  • 151
    • www.tuicool.com 5 years ago
    • Cache

    下划线命名和驼峰命名

    其实我不是很在意代码的版式,比如到底用空格缩进还是 Tab ;花括号应该放在行末还是另起一行;以及,当需要用多个单词命名的时候,是用下划线分割还是驼峰。自己写的时候,自然有个习惯,但是项目中如果有多人参与,我也不在意大家各用...

  • 8

    前言 俗话说得好,万事开头难。而对于前端 coder 来说,每次新项目、新需求来的时候,我想大家最苦恼的往往就是如何去命名,无论是项目名称、页面的文件名称亦或是代码中的方法名称,对于我来说,但凡名字想好了以后,我觉得需...

  • 10

    【小算法】相连数字数组,用横杠起止简写 2021年3月31日 215次浏览 本题是工作中用到的一个小的算法题目,刚刚做的时候,走了一下弯路,其实思路对了,解起来很简单。下面来解析一下。后期我会整理一份常用的算法题目,...

  • 9

    Java将英文字符串转换为驼峰式大小写的方法 | baeldung驼峰式大小写有两种类型:驼峰小写,第一个单词的第一个字符是小写:thisIsLowerCamelCase 驼峰大写,也称为标题大写,其中第一个单词的第一个字符是大写的:ThisIsLowerCamelCase

  • 21

    knife4j markdown文档 vo名字驼峰变成-分割了,怎么保持代码里的驼峰 开源问答...

  • 6

    SpringBoot系列之Web如何支持下划线驼峰互转的传参...

  • 12

    V2EX  ›  .NET ASP.NET Core URL 路由应该用大/小驼峰还是全小写还是小写+中划线?  

  • 6

    本文接着上一篇文章续写哈。 Java基础知识整理,注释、关键字、运算符 在这一篇文章中我们总结了包括注释、关键字、运算符的Java基础知识点,今天继续来聊一聊命...

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK