可以提高效率優化界面的WebStorm插件完整版在此

藉助WebStorm,您無需安裝任何其他插件即可直接工作-所有核心功能立即可用。但是,如果您希望自己的編碼工具更加個性化或者需要一些額外的功能,該怎麼辦?在此文中,我們將介紹用於JetBrains IDE開發的一些最方便的插件。所有這些插件都與其他JetBrains IDE兼容,例如PhpStorm和IntelliJ IDEA Ultimate,並且可以從「Preferences/Settings | Plugins中安裝。當然,這並不是所有可用插件的詳盡列表,因爲我們的資源庫中有數百個插件。如果這裏沒有您喜歡的插件,請在評論中告訴我們。

點擊下載WebStorm最新試用版

Theme plugins

如果您正在尋找默認IDE主題之外的主題,您可以選擇多種自定義主題。最受歡迎的主題包括Material Theme UI(,One Dark,Gradianto和Dark Purple。如果現有主題都不適合您的需求,那麼您也可以創建自己的主題。

切換主題

切換主題

安裝後,主題在Preferences/Settings | Appearance & Behavior | Appearance。

Key Promoter X

儘管以鍵盤爲中心可以極大地提高工作效率,但要適應所有新的快捷鍵組合從來都不是一件容易的事。Key Promoter X插件有助於使此過程不再那麼困難。當您在IDE內的按鈕上使用鼠標時,它會向您顯示您本可以使用的鍵盤快捷鍵。對於沒有快捷方式的按鈕,插件建議分配一個。所有這些幫助您越來越少地依賴鼠標,因此最終可以更快地進行編碼。

Key Promoter X

Key Promoter X

Rainbow Brackets

該插件對每對括號進行顏色編碼,如果您正在努力確定每個代碼塊的起始和結束位置,則它可以爲您提供幫助。

 

Rainbow Brackets

Rainbow Brackets

使用默認顏色時,該插件與深色主題結合使用時效果更好。如果您使用的是淺色主題或想嘗試使用默認主題,則可以創建自己的配色方案。您可以在Preferences/Settings | Editor | Color Scheme | Rainbow Brackets.中執行此操作。

Indent Rainbow

該插件就像Rainbow Brackets一樣,但用於縮進。其主要目的是使縮進更易讀。如果使用了錯誤的縮進,該插件將以紅色突出顯示該行,從而幫助您更快地定位到縮進問題。

indent-rainbow

indent-rainbow

就像彩虹支架一樣,默認顏色在深色主題下效果更好。您可以在Preferences/Settings | Other Settings | Indent Rainbow 中使用縮進顏色的透明度。使其更適合輕主題或您的特定需求。

Nyan Progress Bar

想要使進度條看起來更好一點嗎?Nyan Progress Bar插件可以幫助您。

webstorm-nyan-progress-bar

webstorm-nyan-progress-bar

如果您不喜歡Nyan Cat,但仍然喜歡自定義進度條的想法,則可以使用幾種替代方法,例如Hadouken和Duck Progress Bar插件。

String Manipulation

如果您需要對高級文本處理操作(例如從camelCase切換爲kebab-lowercase)的支持,則可以使用String Manipulation插件。

String Manipulation

String Manipulation

Quick File Preview

該插件可以幫助您加快瀏覽每個文件內容的過程。具體來說,您可以通過在項目視圖中選擇項目文件,從而在編輯器中預覽它們。

webstorm-quick-file-preview

webstorm-quick-file-preview

Atom Material Icons

想要使用更多彩色圖標增亮您的主題嗎?Atom材質圖標插件可在此處提供幫助。

Atom Material Icons

Atom Material Icons

另外,您也可以嘗試使用Extra Icons插件。但是,請記住,它支持較少的與JavaScript相關的圖標。

Codota

如果您想嘗試基於AI的代碼完成功能,那麼Codota插件是一個不錯的起點。它使WebStorm的完成建議更加相關,從而進一步提高了編碼速度。

 

如果您決定嘗試使用Codota,請記住啓用深度完成選項,即表示您同意向服務器發送 一些其他信息。

AceJump

如果您想嘗試導航功能,可以嘗試使用AceJump插件。它使您僅需幾次按鍵就可以跳到編輯器中的任何符號。要了解有關此插件如何工作的更多信息,請瀏覽此處的詳細使用說明。

acejump

acejump

IDEA Mind Map

喜歡用思維導圖來組織您的想法嗎?然後,您會發現IDEA思維導圖插件很有用,因爲它使您可以創建和編輯MMD文件表示的思維導圖。

IDEA Mind Map

IDEA Mind Map

Randomness

如果您總是爲項目提供一些隨機數據,那麼此插件非常適合您。它允許您插入隨機數,字符串和UUID。

randomness

randomness

要插入隨機數據,請按Alt + R並選擇要插入的數據類型。每次使用該操作時,都會插入一個不同的值。

Presentation Assistant

是否需要出席公司活動,錄製截屏視頻或進行配對編程?安裝Presentation Assistant插件,該插件將顯示您正在使用的快捷方式,並使觀衆更容易跟隨您的操作。

Presentation Assistant

Presentation Assistant

這就是我們今天的內容了。您最喜歡的WebStorm插件是什麼?可以在下面的評論中分享您的想法!