WebStorm自定義用戶設(shè)置的方法

這篇文章將為大家詳細(xì)講解有關(guān)WebStorm自定義用戶設(shè)置的方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

WebStorm 自定義字體+顏色+語法高亮+導(dǎo)入導(dǎo)出用戶設(shè)置

WebStorm是一個(gè)捷克公司開發(fā)的，功能雖然很強(qiáng)大，但UI貌似一直不是東歐人的強(qiáng)項(xiàng)。WebStorm默認(rèn)的編輯器顏色搭配不算講究，我看習(xí)慣了VS2012的Dark Theme，再看這個(gè)頓覺由奢入儉難，非得改改顏色才行。

新建Scheme + 修改字體

ctrl+alt+s打開Settings界面，Editor > Colors&Fonts > Font。

Default scheme是亮色調(diào)，但我想定制一套暗背景的環(huán)境，所以在右側(cè)Scheme name下拉框中選擇Monokai，以此作為修改的基礎(chǔ)，然后點(diǎn)擊Save as，給自己新建的Scheme起個(gè)名字吧，如下圖：

這里面可以設(shè)置字體（我一般選擇Consolas），字體大小，行間距。

自定義語法高亮

用ctrl+alt+s打開Settings界面，Editor > Colors&Fonts。

不同語言有各自的語法高亮規(guī)則，但有一部分是通用的（General），我們首先來設(shè)置General，然后再根據(jù)需要設(shè)置不同語言的語法高亮。

General的設(shè)置

普通文本：default text

折疊文本: Folded text

光標(biāo): Caret

光標(biāo)所在行: Caret row

行號(hào): Line number

TODO: TODO default

光標(biāo)下變量高亮：Search result

搜索結(jié)果：Text search result

匹配的括號(hào)：Matched brace

不匹配的括號(hào)：Unmatched brace

未使用的符號(hào)：Unused symbol

左邊空隙（行號(hào)，斷點(diǎn)）：Gutter background

選中的文本背景色：Selection background

選中的文本前景色：Selection foreground

區(qū)分語言的設(shè)置

舉例來說，如果要更改Javascript的語法高亮，就在上圖中選擇Javascript，然后再進(jìn)行詳細(xì)設(shè)置。具體設(shè)置項(xiàng)就不贅述了。

顯示行號(hào) + 自動(dòng)換行

如果用Vim編程，行號(hào)是非常必要的輔助。WebStorm默認(rèn)是不顯示行號(hào)的，沒關(guān)系，顯示行號(hào)非常的容易。

只要在代碼左側(cè)的gutter區(qū)域點(diǎn)右鍵，就會(huì)出現(xiàn)下圖的菜單：勾選上Show Line Numbers即可。

另外，勾選上圖中的Use Soft Wraps就啟用了WebStorm的自動(dòng)換行的功能，即過長的代碼行不會(huì)超出屏幕，不會(huì)出現(xiàn)橫向的滾動(dòng)條。

值得一提的是，標(biāo)準(zhǔn)的Vim，jk是移到上一行下一行，如果代碼自動(dòng)換行了，被分割成的兩行雖然看起來是兩行，但其實(shí)是一個(gè)邏輯行，這時(shí)候用jk是上移下移一個(gè)邏輯行。這種情況下，如果要從同一邏輯行的“第一行”移動(dòng)到“第二行”，需要按gj，即先按g再按方向。雖然Vim提供了這個(gè)方法，但還是經(jīng)常按錯(cuò)。

好消息是，啟用了Use Soft Wraps的WebStorm不需要這樣，直接按j就可以從同一邏輯行的“第一行”移動(dòng)到“第二行”。

導(dǎo)入導(dǎo)出設(shè)置

File > Export Settings導(dǎo)出用戶設(shè)置。如下圖，你可以選擇要導(dǎo)出哪些類型的設(shè)置，也可以選擇導(dǎo)出到哪個(gè)目錄下。

導(dǎo)出后的配置以jar包的形式存在，導(dǎo)入也同樣簡單，F(xiàn)ile > Import Settings，選擇jar包導(dǎo)入成功后，重啟WebStorm就大功告成了。

關(guān)于WebStorm自定義用戶設(shè)置的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。