隨著時間的推移，編寫JavaScript程式碼很多有用的外掛都集成了WebStorm中，在WebStorm中即使不裝任何外掛，都能很舒服的進行開發網頁應用、Node應用。

外掛對於WebStorm並不是特別的重要，但是某些外掛實在是比較好用，所以本篇文章就整理一下比較好用的外掛。

1. 實用外掛

1.1CodeGlance

在右側生成一個程式碼縮圖，用過vscode的朋友肯定很熟悉了，實用度可以說是非常高。

1.2Rainbow Brackets

實現括號配對。

但是在白色主題下不明顯…

1.3Translation

好用的翻譯外掛，在編寫程式碼的很多時候需要用到翻譯功能，除非你的英語非常好。

點選狀態列的翻譯引擎狀態圖示或者使用快捷鍵Ctrl + Shift + S（Mac OS:Control + Meta + Y）可以快速切換翻譯引擎，目前有谷歌翻譯、有道翻譯和百度翻譯。

使用該外掛，可以直接在WebStorm中內嵌一個翻譯介面。

1.4Codota

快速的編寫Nodejs程式碼。

1.5IDE Features Trainer

會對IDE中的一些快捷鍵，以及實用功能進行互動式教學，從而達到拋棄官方手冊，就可以讓你書寫程式碼的效率更上一層樓。

1.6String Manipulation

提供了非常多的處理字串的功能，比如換成camelCase駝峰命名，換成kebab-case

1.7Json Parser

前端開發者一般情況下接觸到JSON格式特別多，但是每次想要格式化JSON資料都需要通過開啟瀏覽器到對應的格式化網站，通過這個外掛，你可以直接在IDE中進行格式化。

2. 不實用外掛，但是酷

2.1Dmitry Batkovich

將所有進度條變成彩虹條。

2.2Background Image Plus

可以自定義編輯器的背景圖片。

2.3Material Theme UI

修改編輯器UI。

2.4Power Mode II

讓你輸入程式碼時擁有很多酷炫的特效。