本文主要介紹WebStorm用戶界面主題：

 界面主題定義了窗口、對(duì)話框、按鈕和用戶界面的所有視覺(jué)元素的外觀。默認(rèn)情況下，WebStorm 使用 Darcula 主題，除非您在第一次運(yùn)行時(shí)更改它。

更改 UI 主題

在Settings/Preferences對(duì)話框 ( Ctrl+Alt+S) 中，選擇Appearance & Behavior | 外觀。或者，按并從Switch列表中Ctrl+`選擇Theme 。

從主題列表中選擇 UI 主題：

• IntelliJ Light : 基于 IntelliJ 的 IDE 的傳統(tǒng)燈光主題
• macOS Light或Windows 10 Light：操作系統(tǒng)特定的燈光主題可作為捆綁插件提供
• Darcula : 默認(rèn)深色主題
• 高對(duì)比度：專為色覺(jué)缺陷用戶設(shè)計(jì)的主題

選擇與操作系統(tǒng)同步讓 WebStorm 檢測(cè)當(dāng)前系統(tǒng)設(shè)置并相應(yīng)地使用默認(rèn)的深色或淺色主題。

界面主題與配色方案不同，它定義了各種文本資源的顏色、字體和語(yǔ)法高亮：源代碼、搜索結(jié)果等。

顏色和字體

作為開(kāi)發(fā)人員，使用大量文本資源：編輯器中的源代碼、搜索結(jié)果、調(diào)試器信息、控制臺(tái)輸入和輸出等等。顏色和字體樣式用于格式化此文本并幫助您更好地一目了然地理解它。

JavaScript開(kāi)發(fā)工具WebStorm 允許您在定義 IDE 文本中使用的顏色和字體的可配置配色方案之間進(jìn)行選擇。

選擇配色方案

1.按Ctrl+Alt+S打開(kāi) IDE 設(shè)置并選擇Editor | 配色方案。

2.使用方案列表選擇顏色方案。

自定義配色方案

您可以自定義預(yù)定義的配色方案，但建議為您的自定義顏色和字體設(shè)置創(chuàng)建一個(gè)副本：

復(fù)制配色方案

1.按Ctrl+Alt+S打開(kāi) IDE 設(shè)置并選擇Editor | 配色方案。

選擇一種配色方案，單擊設(shè)置圖標(biāo)，然后單擊復(fù)制。

（可選）要重命名您的自定義方案，請(qǐng)單擊設(shè)置圖標(biāo)并選擇重命名。

預(yù)定義的配色方案以粗體列出。如果自定義預(yù)定義的配色方案，它將顯示為藍(lán)色。要將預(yù)定義的配色方案恢復(fù)為默認(rèn)設(shè)置，請(qǐng)單擊設(shè)置圖標(biāo)并選擇恢復(fù)默認(rèn)值，不能刪除預(yù)定義的配色方案。

定義自定義顏色和字體設(shè)置

1.按Ctrl+Alt+S打開(kāi) IDE 設(shè)置并選擇Editor | 配色方案。

2.此節(jié)點(diǎn)下頁(yè)面上的設(shè)置為您的代碼和 WebStorm 界面的各種元素定義顏色。例如，General頁(yè)面定義了基本的編輯器顏色，例如裝訂線、行號(hào)、錯(cuò)誤、警告、彈出窗口、提示等。

3.Language Defaults頁(yè)面包含常用的語(yǔ)法高亮設(shè)置，默認(rèn)情況下適用于所有受支持的編程語(yǔ)言。在大多數(shù)情況下，配置語(yǔ)言默認(rèn)值并在必要時(shí)對(duì)特定語(yǔ)言進(jìn)行調(diào)整就足夠了。要更改元素的繼承顏色設(shè)置，請(qǐng)清除Inherit values from復(fù)選框。

語(yǔ)義突出顯示

 默認(rèn)情況下，配色方案為源代碼中的保留字和其他符號(hào)定義語(yǔ)法突出顯示：運(yùn)算符、關(guān)鍵字、建議、字符串文字等。如果你的函數(shù)或方法有很多參數(shù)和局部變量，可能很難一眼就將它們區(qū)分開(kāi)來(lái)。您可以使用語(yǔ)義突出顯示為每個(gè)參數(shù)和局部變量分配不同的顏色。

啟用語(yǔ)義突出顯示

1.按Ctrl+Alt+S打開(kāi) IDE 設(shè)置并選擇Editor | 配色方案 | 語(yǔ)言默認(rèn)值 | 語(yǔ)義突出顯示。

2.選擇語(yǔ)義突出顯示復(fù)選框并在必要時(shí)自定義顏色范圍。

分享配色方案

將配色方案導(dǎo)出為XML

WebStorm 可以將您的配色方案設(shè)置保存為擴(kuò)展名為.icls的 XML 文件。然后，您可以將該文件導(dǎo)入另一個(gè)安裝。

• 1.按Ctrl+Alt+S打開(kāi) IDE 設(shè)置并選擇Editor | 配色方案。
• 2.從Scheme列表中，選擇一個(gè)配色方案，單擊設(shè)置圖標(biāo)，然后單擊Export并選擇IntelliJ IDEA color scheme (.icls)。
• 3.指定文件的名稱和位置并保存。

將配色方案導(dǎo)出為插件

插件可以上傳到插件庫(kù)供其他人安裝。與 XML 文件相比，這種格式有幾個(gè)好處，包括元數(shù)據(jù)、反饋、下載統(tǒng)計(jì)信息和版本控制（當(dāng)您上傳插件的新版本時(shí)，用戶會(huì)收到通知）。

• 1.按Ctrl+Alt+S打開(kāi) IDE 設(shè)置并選擇Editor | 配色方案。
• 2.從Scheme列表中，選擇一個(gè)配色方案，單擊設(shè)置圖標(biāo)，然后單擊Export并選擇Color scheme plugin .jar。
• 3.在Create Color Scheme Plugin對(duì)話框中，指定版本詳細(xì)信息和供應(yīng)商信息。然后單擊確定。

導(dǎo)入配色方案

• 1.按Ctrl+Alt+S打開(kāi) IDE 設(shè)置并選擇Editor | 配色方案。
• 2.從方案列表中，選擇一個(gè)配色方案，單擊設(shè)置圖標(biāo)，然后單擊導(dǎo)入方案。

以上就是有關(guān)WebStorm用戶界面主題的相關(guān)介紹，更多關(guān)于WebStorm教程的內(nèi)容可進(jìn)入官網(wǎng)查看。

正值“315”消費(fèi)者權(quán)益日，慧都為正版護(hù)航，聯(lián)合Jetbrains廠商推出滿減優(yōu)惠，旗下產(chǎn)品最高減1200，歡迎大家進(jìn)入活動(dòng)詳情頁(yè)了解詳情。

WebStorm| 下載試用

WebStorm是一個(gè)針對(duì)JavaScript和相關(guān)技術(shù)的集成開(kāi)發(fā)環(huán)境。像其他JetBrains  IDE一樣，它使你的開(kāi)發(fā)體驗(yàn)更加愉快，使日常工作自動(dòng)化，并幫助你輕松處理復(fù)雜的任務(wù)。