WebStorm怎麼自訂使用者設定

這次帶給大家WebStorm怎麼自訂使用者設置，WebStorm自訂使用者設定的注意事項有哪些，以下就是實戰案例，一起來看一下。

WebStorm 自訂字體+顏色+語法高亮+導入匯出使用者設定

WebStorm是一個捷克公司開發的，功能雖然很強大，但UI似乎一直不是東歐人的強項。 WebStorm預設的編輯器顏色搭配不算講究，我看習慣了VS2012的Dark Theme，再看這個頓覺由奢入儉難，非得改改顏色才行。

新建Scheme + 修改字體

ctrl+alt+s開啟Settings介面，Editor > Colors&Fonts > Font。

Default scheme是亮色調，但我想自訂一套暗背景的環境，所以在右側Scheme name下拉框中選擇Monokai，以此作為修改的基礎，然後點擊Save as，為自己新建的Scheme起個名字吧，如下圖：

這裡面可以設定字體（我通常選擇Consolas），字體大小，行間距。

自訂語法高亮

用ctrl+alt+s開啟Settings介面，Editor > Colors&Fonts。

不同語言有各自的語法高亮規則，但有一部分是通用的（General），我們先來設定General，然後再根據需要設定不同語言的語法高亮。

General的設定

普通文字：default text

折疊文字: Folded text

遊標: Caret

##遊標所在行: Caret row

行號: Line number

TODO: TODO default

遊標下變數高亮：Search result

搜尋結果：Text search result

匹配的括號：Matched brace

不匹配的括號：Unmatched brace

未使用的符號：Unused symbol

#左邊空隙（行號，斷點）：Gutter background

選取的文字背景色：Selection background

選取的文字前景色：Selection foreground

區分語言的設定

舉例來說，如果要更改

Javascript的語法高亮，就在上圖中選擇Javascript，然後再進行詳細設定。具體設置項就不贅述了。

顯示行號 + 自動換行

如果用Vim編程，行號是非常必要的輔助。 WebStorm預設是不顯示行號的，沒關係，顯示行號非常的容易。

只要在程式碼左側的gutter區域點右鍵，就會出現下圖的選單：勾選上Show Line Numbers即可。

另外，勾選上圖的Use Soft Wraps就啟用了WebStorm的自動換行的功能，即過長的程式碼行不會超出螢幕，不會出現橫向的捲軸。

值得一提的是，標準的Vim，jk是移到上一行下一行，如果程式碼自動換行了，被分割成的兩行雖然看起來是兩行，但其實是一個邏輯行，這時候用jk是上移下移一個邏輯行。在這種情況下，如果要從同一邏輯行的“第一行”移動到“第二行”，則需要按gj，即先按g再按方向。雖然Vim提供了這個方法，但還是常常按錯。

好消息是，啟用了Use Soft Wraps的WebStorm不需要這樣，直接按j就可以從相同邏輯行的「第一行」移動到「第二行」。

匯入匯出設定

File > Export Settings匯出使用者設定。如下圖，你可以選擇要匯出哪些類型的設置，也可以選擇匯出到哪個目錄下。

匯出後的設定以jar套件的形式存在，導入也同樣簡單，File > Import Settings，選擇jar套件導入成功後，重啟WebStorm就大功告成了。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網

其它相關文章！

相關閱讀：

2018前端面試常見演算法題

table表格裡怎麼增加省略號功能

用jq傳送多個ajax然後執行回呼的小技巧

怎麼使用偽元素first-letter讓文字首字母大寫

#

以上是WebStorm怎麼自訂使用者設定的詳細內容。更多資訊請關注PHP中文網其他相關文章！