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

qutumn發表於2020-09-08

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

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

解決的辦法一般比較容易想到的有兩種,一種是直接使用外掛實現,另一種則是使用巨集命令來實現,兩種都是可以完成這個操作的,只是第二種更加考驗大家對 webstorm 的使用熟練度,所以今天我們先來講講這第一種,外掛實現方式。

這裡我們用到的外掛名是 String Manipulation 我們在 webstorm 中安裝該外掛之後,重啟 webstorm 就可以使用了。

使用的方式是對你想轉換的字串右鍵選中 String Manipulation | Switch Case | 這個路徑下面有很多各種各樣的選項,可以根據需要來轉換。

當然滑鼠操作,肯定以及一定還不夠快捷,這個時候快捷鍵繫結就派上用場了,去快捷鍵繫結一下對應的命令吧,什麼?還不會快捷鍵的繫結?那還不快去嗶哩嗶哩看木瓜太香的教程!!!

有前端問題需要討論的可以加我的qun:237871108。也可以通過嗶哩嗶哩搜尋木瓜太香找到我。

相關文章