原來有個很好用的外掛 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 進行打包的時候，我們會有一些環境變，安裝該外掛後，就會提示環境變數檔案中所擁有的環境變數。