webstorm編寫vue、react 將大駝峯組件命名轉換成短橫槓命名

你們好！我是木瓜太香，精通 webstorm 與常見前端技術的工程師，偶爾也在b站搞一些 webstorm 技巧教學，今天給你們帶來的是大駝峯小駝峯快速轉換短橫槓命名或者下劃線命名的方式。

開發中咱們可能會遇到一個這樣的需求，咱們在建立組件的時候習慣使用大駝峯命名，而在使用的時候，咱們又要使用短橫槓或者下劃線命名，這種功能咱們固然不可能手打的啦，這輩子都不可能的啦。

解決的辦法通常比較容易想到的有兩種，一種是直接使用插件實現，另外一種則是使用宏命令來實現，兩種都是能夠完成這個操做的，只是第二種更加考驗你們對 webstorm 的使用熟練度，因此今天咱們先來說講這第一種，插件實現方式。

這裏咱們用到的插件名是 String Manipulation 咱們在 webstorm 中安裝該插件以後，重啓 webstorm 就可使用了。

使用的方式是對你想轉換的字符串右鍵選中 String Manipulation | Switch Case | 這個路徑下面有不少各類各樣的選項，能夠根據須要來轉換。

固然鼠標操做，確定以及必定還不夠快捷，這個時候快捷鍵綁定就派上用場了，去快捷鍵綁定一下對應的命令吧，什麼？還不會快捷鍵的綁定？那還不快去嗶哩嗶哩看木瓜太香的教程！！！

我本身建了一個web前端的交流裙有興趣的能夠加入進來交流哦：237871108。固然你也能夠經過嗶哩嗶哩搜索木瓜太香找到我。