半岛权威十大直营(官方)网站

本文主要介绍WebStorm用户界面主题：

界面主题定义了窗口、对话框、按钮和用户界面的所有视觉元素的外观。默认情况下，WebStorm 使用 Darcula 主题，除非您在第一次运行时更改它。

更改 UI 主题

在Settings/Preferences对话框 ( Ctrl+Alt+S) 中，选择Appearance & Behavior | 外观。或者，按并从Switch列表中Ctrl+`选择Theme 。

从主题列表中选择 UI 主题：

• IntelliJ Light : 基于 IntelliJ 的 IDE 的传统灯光主题
• macOS Light或Windows 10 Light：操作系统特定的灯光主题可作为捆绑插件提供
• Darcula : 默认深色主题
• 高对比度：专为色觉缺陷用户设计的主题

选择与操作系统同步让 WebStorm 检测当前系统设置并相应地使用默认的深色或浅色主题。

界面主题与配色方案不同，它定义了各种文本资源的颜色、字体和语法高亮：源代码、搜索结果等。

颜色和字体

作为开发人员，使用大量文本资源：编辑器中的源代码、搜索结果、调试器信息、控制台输入和输出等等。颜色和字体样式用于格式化此文本并帮助您更好地一目了然地理解它。

JavaScript开发工具WebStorm 允许您在定义 IDE 文本中使用的颜色和字体的可配置配色方案之间进行选择。

选择配色方案

1.按Ctrl+Alt+S打开 IDE 设置并选择Editor | 配色方案。

2.使用方案列表选择颜色方案。

自定义配色方案

您可以自定义预定义的配色方案，但建议为您的自定义颜色和字体设置创建一个副本：

复制配色方案

1.按Ctrl+Alt+S打开 IDE 设置并选择Editor | 配色方案。

选择一种配色方案，单击设置图标，然后单击复制。

（可选）要重命名您的自定义方案，请单击设置图标并选择重命名。

预定义的配色方案以粗体列出。如果自定义预定义的配色方案，它将显示为蓝色。要将预定义的配色方案恢复为默认设置，请单击设置图标并选择恢复默认值，不能删除预定义的配色方案。

定义自定义颜色和字体设置

1.按Ctrl+Alt+S打开 IDE 设置并选择Editor | 配色方案。

2.此节点下页面上的设置为您的代码和 WebStorm 界面的各种元素定义颜色。例如，General页面定义了基本的编辑器颜色，例如装订线、行号、错误、警告、弹出窗口、提示等。

3.Language Defaults页面包含常用的语法高亮设置，默认情况下适用于所有受支持的编程语言。在大多数情况下，配置语言默认值并在必要时对特定语言进行调整就足够了。要更改元素的继承颜色设置，请清除Inherit values from复选框。

语义突出显示

默认情况下，配色方案为源代码中的保留字和其他符号定义语法突出显示：运算符、关键字、建议、字符串文字等。如果你的函数或方法有很多参数和局部变量，可能很难一眼就将它们区分开来。您可以使用语义突出显示为每个参数和局部变量分配不同的颜色。

启用语义突出显示

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 文件相比，这种格式有几个好处，包括元数据、反馈、下载统计信息和版本控制（当您上传插件的新版本时，用户会收到通知）。

• 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”消费者权益日，慧都为正版护航，联合Jetbrains厂商推出满减优惠，旗下产品最高减1200，欢迎大家进入活动详情页了解详情。

WebStorm| 下载试用

WebStorm是一个针对JavaScript和相关技术的集成开发环境。像其他JetBrains IDE一样，它使你的开发体验更加愉快，使日常工作自动化，并帮助你轻松处理复杂的任务。