一、主題插件

Material Theme UI

推薦原因：這款插件不僅可以設置主題，還可以設置其他 UI界面。

注意：安裝完成之后，記得一定要重啟一下WebStorm。

這款主題的設置：Settings —> Appearance & Behavior —> Material Theme

也可以直接搜索：Material 也是可以找到的。

第一，設置主題

這里很推薦這款主題：Atom One Dark （這款主題是目前我所用到的最舒服的一個主題）

第二，設置 Tab 欄的高度

找到下面的 Tabs? ——>??Tab Height ，設置為 26，這個高度是我平時開發覺得的最舒服的高度。

第三，設置 UI 的緊湊

找到下面的 Compact ，勾選 Compact Statusbar 和?Compact Menus?，這個緊湊度最舒服。

?第四，其他的設置

找到下面的 Components?，勾選 Accent Scrollbars 、 Transparent Scrollbars?和?Tabs Shadow，這個設置最舒適。

---

Atom Material Icons

推薦原因：這款插件不僅支持很多不同類型的文件圖標，還支持設置文件夾圖標。

?注意：安裝完成之后，記得一定要重啟一下WebStorm。

這款主題的設置：Settings —> Appearance & Behavior —> Atom Material Icons Setting

也可以直接搜索：Material 也是可以找到的。

勾選一下幾個選項就是最適合的配置了。

Enable File Icons?文件圖標

Enable Directory Icons?目錄圖標

Enable UI Icons??頂部UI 圖標

注意：頂部UI圖標指的是下面這些

---

字體?JetBrains Mono

?推薦原因：程序員專用字體。

注意：新版 WebStorm自帶這款字體。

---

---

?二、效率插件

Rainbow Brackets

推薦理由：用各種鮮明的顏色顯示括號，這樣可以很容易分清楚括號配對問題。

---

?CodeGlance2?

推薦理由：讓右側顯示當前文件中代碼縮略圖。

---

Key promoter

推薦理由：只要是鼠標操作能夠用快捷鍵替代的，Key Promoter 會彈出提示框，告知你用什么快捷鍵替代。

---

Translation

推薦理由：不僅可以翻譯一些陌生單詞的意思，還可以在取名字的時候不知道怎么取的時候，可以通過右鍵翻譯并替換，就可以自動替換想要的名字。（快捷鍵：ctrl + shift + X）

---

---

三、WebStorm的小設置?

設置默認內存

推薦：裝上 Webstorm 第一件事就是改默認內存，可以在 .vmoptions 設置文件里手動改，也可以在 Help? —>? Change Memory Settings 中更改，建議設置為 4096 或者更高一點。

---

設置同步配置

推薦：將你的配置與你的賬戶綁定，這樣無論在哪個電腦使用都是相同的配置和快捷鍵。

---

---

更多等待更新......?

各位有什么好的插件也可以留言推薦給我哈~~~

文檔編輯測試不易，來個三連唄

總結

以上是生活随笔為你收集整理的WebStorm：常用插件（全部实用）包含主题、界面、开发效率等的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。