隨着時間的推移,編寫JavaScript代碼很多有用的插件都集成了WebStorm中,在WebStorm中即使不裝任何插件,都能很舒服的進行開發網頁應用、Node應用。
插件對於WebStorm並不是特別的重要,但是某些插件實在是比較好用,所以本篇文章就整理一下比較好用的插件。
1. 實用插件
1.1 CodeGlance
在右側生成一個代碼縮略圖,用過vscode的朋友肯定很熟悉了,實用度可以說是非常高。
1.2 Rainbow Brackets
實現括號配對。
但是在白色主題下不明顯…
1.3 Translation
好用的翻譯插件,在編寫代碼的很多時候需要用到翻譯功能,除非你的英語非常好。
點擊狀態欄的翻譯引擎狀態圖標或者使用快捷鍵 Ctrl + Shift + S(Mac OS: Control + Meta + Y)可以快速切換翻譯引擎,目前有谷歌翻譯、有道翻譯和百度翻譯。
使用該插件,可以直接在WebStorm中內嵌一個翻譯界面。
1.4 Codota
快速的編寫Nodejs代碼。
1.5 IDE Features Trainer
會對IDE中的一些快捷鍵,以及實用功能進行交互式教學,從而達到拋棄官方手冊,就可以讓你書寫代碼的效率更上一層樓。
1.6 String Manipulation
提供了非常多的處理字符串的功能,比如換成camelCase駝峰命名,換成kebab-case命名PascalCase命名,還有各種處理字符串、切換大小寫對字符串進行排序等等功能,實用性可以說是非常高。
1.7 Json Parser
前端開發者一般情況下接觸到JSON格式特別多,但是每次想要格式化JSON數據都需要通過打開瀏覽器到對應的格式化網站,通過這個插件,你可以直接在IDE中進行格式化。
2. 不實用插件,但是酷
2.1 Dmitry Batkovich
將所有進度條變成彩虹條。
2.2 Background Image Plus
可以自定義編輯器的背景圖片。
2.3 Material Theme UI
修改編輯器UI。
2.4 Power Mode II
讓你輸入代碼時擁有很多酷炫的特效。






