WebStorm是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽為"Web前端開發神器""最強大的HTML5編輯器""最智能的JavaSscript IDE&rdquo"等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。您也可以觀看本章視頻了解詳細內容

點擊下載WebStorm最新試用版

更改UI主題

WebStorm帶有一些預定義的主題，但也有多種自定義選項可供選擇。要瀏覽可用的自定義主題，請轉至“Preferences/Settings | Plugins”并在市場上搜索theme。如果現有主題都不適合您的需求，那么您也可以創建自己的主題。

除了自定義主題外，您可能還需要安裝一些其他方便的插件。

使用“Switch”彈出窗口更快地執行一些常見任務

如果你想要快速查看已安裝的主題的樣式？您可以返回到“Preferences/Settings | Appearance & Behavior | Appearance ”。并從此處更改當前主題。或者，您也可以改用Switch彈出窗口！按下Ctrl鍵和`，選擇theme，并能夠一次預覽所有的可用主題。

這不是Switch彈出窗口唯一有用的功能。例如，您可以使用此彈出窗口切換到Zen模式，當您需要消除干擾并專注于代碼時，這將非常有用。要做到這一點，按下Ctrl鍵和"鍵，選擇View Mode，點擊 Enter/Exit Zen Mode。

 您可以切換的其他查看模式包括Presentation, Distraction-free, 和 Full Screen。

移動工具窗口

您也可以更改工具窗口的默認位置。為此，請點擊要移動的工具窗口上的齒輪圖標，轉到“ Move to”并為該工具窗口選擇其他位置。

 您甚至可以使工具窗口浮在編輯器頂部或完全分離它，以便您可以在其他監視器上獨立查看它。為此，您需要轉到工具窗口設置，選擇View Mode。

通過隱藏UI元素減少混亂

為了減少混亂，您可以隱藏一些UI元素。首先，您可以通過右鍵單擊狀態欄并刪除不使用的小部件來自定義狀態欄。

如果單擊狀態欄上的快速訪問按鈕，也可以擺脫工具窗口欄。這將給您更多的空間。在隱藏工具窗口欄的情況下，您仍然可以通過將鼠標懸停在快速訪問圖標上并選擇所需的內容或使用該工具窗口的專用快捷方式來訪問所有工具窗口。

通常，切換UI元素可見性的最快方法是“ Find Action”命令。也可以按Cmd / Ctrl + Shift + A，查找要隱藏的UI元素（狀態欄，裝訂線上的行號或其他內容），然后從此處關閉它。

在IDE設置中查找所需的內容

如果您轉到Preferences/Settings，您會發現很多其他的東西。例如，在“ Keymap”部分中，您可以選擇要使用的鍵盤映射，重新分配現有的快捷方式，并為沒有任何關聯的動作創建自定義快捷方式。

除了鍵盤映射之外，您還可以自定義許多其他內容。如果您不知道要更改的特定設置位于何處，只需在搜索字段中查找即可！

假設您要更改默認的編輯器字體。只需輸入font，您將看到其中包含字體樣式的可用部分。如果現在在“Preferences/Settings | Editor ”下選擇“ font”。您將跳至可以更改字體的位置。

今天就這樣。當然，您可以在WebStorm中自定義很多內容。在本教程中，我們僅介紹了一些基本內容。

點擊下載WebStorm最新試用版>>