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

點擊下載WebStorm最新試用版

更改UI主題

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

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

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

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

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

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

移動工具窗口

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

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

通過隱藏UI元素減少混亂

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

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

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

在IDE設置中查找所需的內(nèi)容

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

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

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

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

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