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

界面主題定義了窗口、對話框、按鈕和用戶界面的所有視覺元素的外觀。默認情況下，WebStorm 使用 Darcula 主題，除非您在第一次運行時更改它。

更改 UI 主題

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

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

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

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

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

顏色和字體

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

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

選擇配色方案

1.按Ctrl+Alt+S打開 IDE 設置并選擇Editor | 配色方案。

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

自定義配色方案

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

復制配色方案

1.按Ctrl+Alt+S打開 IDE 設置并選擇Editor | 配色方案。

選擇一種配色方案，單擊設置圖標，然后單擊復制。

（可選）要重命名您的自定義方案，請單擊設置圖標并選擇重命名。

預定義的配色方案以粗體列出。如果自定義預定義的配色方案，它將顯示為藍色。要將預定義的配色方案恢復為默認設置，請單擊設置圖標并選擇恢復默認值，不能刪除預定義的配色方案。

定義自定義顏色和字體設置

1.按Ctrl+Alt+S打開 IDE 設置并選擇Editor | 配色方案。

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

3.Language Defaults頁面包含常用的語法高亮設置，默認情況下適用于所有受支持的編程語言。在大多數情況下，配置語言默認值并在必要時對特定語言進行調整就足夠了。要更改元素的繼承顏色設置，請清除Inherit values from復選框。

語義突出顯示

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

啟用語義突出顯示

1.按Ctrl+Alt+S打開 IDE 設置并選擇Editor | 配色方案 | 語言默認值 | 語義突出顯示。

2.選擇語義突出顯示復選框并在必要時自定義顏色范圍。

分享配色方案

將配色方案導出為XML

WebStorm 可以將您的配色方案設置保存為擴展名為.icls的 XML 文件。然后，您可以將該文件導入另一個安裝。

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

將配色方案導出為插件

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

• 1.按Ctrl+Alt+S打開 IDE 設置并選擇Editor | 配色方案。
• 2.從Scheme列表中，選擇一個配色方案，單擊設置圖標，然后單擊Export并選擇Color scheme plugin .jar。
• 3.在Create Color Scheme Plugin對話框中，指定版本詳細信息和供應商信息。然后單擊確定。

導入配色方案

• 1.按Ctrl+Alt+S打開 IDE 設置并選擇Editor | 配色方案。
• 2.從方案列表中，選擇一個配色方案，單擊設置圖標，然后單擊導入方案。

以上就是有關WebStorm用戶界面主題的相關介紹，更多關于WebStorm教程的內容可進入官網查看。

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

WebStorm| 下載試用

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