原來有個很好用的插件 Material Theme UI,但后來收費了,不過沒關系,還有一些免費的主題也很好用,比如 Material Theme UI Lite、Coderpillr Theme、One Dark theme 等等,都挺好看的,自己挑個喜歡的主題吧~
IntelliVue:Vue功能增強
Webstorm 上對 Vue 支持很棒的插件,現在已經支持 Vue3 的一些語法,可以快速創建 Vue2 的 data、methods 等,或者 Vue3 的 setup method 等,幫你少些一些模板代碼。
安裝后菜單欄會多一個 Vue 的選項,下拉框里有一些操作功能,對 Vue2 項目比較好用。
Translation:最佳翻譯插件
可以便捷地在 Webstorm 中進行翻譯,省去了打開翻譯軟件的操作,支持右鍵方式選中翻譯,也可以打開獨立窗口進行整段的翻譯。
個人感覺最方便的功能就是翻譯並替換功能,Mac 上快捷鍵 command + control + O
,Win 上為 ctrl + shift + X
,在寫業務代碼的時候會自動翻譯漢字的業務詞條自動翻譯,字符串可以選擇大駝峰或小駝峰什么的。
String Manipulation / CamelCase:字符串處理
這兩個插件都是處理字符串的,可以將英文字符串在 kebab-case、SNAKE_CASE、PascalCase、camelCase、snake_case、space case 形態間切換。
第一個 String Manipulation 插件比較大,推薦經常處理字符串的小伙伴用,第二個 CamelCase 插件比較輕量,日常使用完全足夠,使用也很簡單,快捷鍵 option/alt +shift + U
就可以進行切換了。Webstorm 自帶切換大小寫的快捷鍵是 command/ctrl + shift + U
,這兩個差不多的快捷鍵也很好記。
Import Cost:顯示引入的包體積大小
VSCode 上也有這個插件,會在你引入的庫后面告訴你這個庫的體積大小,和 gzip 后的包體積。
.env files support:配置文件支持
可以給 .env
環境配置文件增加語法高亮,給配置文件中定義的變量增加智能索引。另外在使用 Webpack 進行打包的時候,我們會有一些環境變,安裝該插件后,就會提示環境變量文件中所擁有的環境變量。