WebStorm是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为Web前端开发神器最强大的HTML5编辑器最智能的JavaSscript IDE等。与IntelliJ IDEA同源继承了IntelliJ IDEA强大的JS部分的功能。在IDE中开发者的感觉舒服很重要。WebStorm定制程度高您可以按照自己喜欢的方式对其进行配置。配置的方式之一是更改您使用的主题这也会改变IDE的外观。 在这篇博文中我们汇总了开发团队最喜欢使用的一些主题。本文提及的所有这些主题要么开箱即用要么可以直接从IDE免费安装。转到 Preferences / Settings | Plugins偏好设置 / 设置 | 插件查找并安装要使用的主题插件。 主题会自动应用到您的 IDE。 您可以在 Search搜索字段中添加 /tag:Theme将插件搜索范围缩小为只显示主题。在任何时间要更改主题请转到 Preferences / Settings | Appearance Behavior | Appearance偏好设置 / 设置 | 外观与行为 | 外观并从 Theme主题下拉列表中选择要使用的主题。 作为一种更好的替代方式您也可以使用快捷键 ^ (macOS) 或 CtrlWindows、Linux显示 Switch…切换…弹出窗口然后从中选择 Theme主题。内置的WebStorm主题DarkDark 主题取代了 Darcula后者曾经是 WebStorm 中预装的默认主题。 由于是预安装的许多人并不打算更改它因为他们就喜欢这样的外观。 它比 Darcula 主题稍暗以获得更平衡的对比度。大家喜欢它的原因深色发出的光线较少这有助于缓解眼睛压力即使长时间注视屏幕也不会感觉累。 Dark 主题中的白色和其他颜色不如某些深色主题明亮开发者可能更喜欢这一点。非常适用于光线暗的环境敏感的眼睛LightLight是WebStorm预装的另一个主题它与深色主题截然相反提供更明亮的IDE界面。如果您在非常明亮的环境下工作或者同时使用其他只有浅色格式的应用程序使用浅色主题就很有用。大家喜欢它的原因更喜欢在熟悉环境下工作的开发者它的外观简单、经典深受技术人员喜爱。非常适用于明亮的环境已经安装了很多其他浅色主题应用的桌面设备Dark Purple 主题深紫色是另一个适用于WebStorm的深色主题它为Darcula提供了一个对比度更大的界面并以各种红色和紫色替换蓝色和橙色。大家喜欢它的原因存在视觉缺陷的用户特别喜欢比Darcula更强的对比度在美学上紫色和粉红色令人平静官方技术团队成员都喜欢这个主题。非常适用于光线暗的环境想要高对比度颜色的人One Dark主题One Dark 主题是另一个为编码精心设计的深色主题它的亮度低于其他深色主题对眼睛压力更小。大家喜欢它的原因对某些人来说褪色的深色调和对比度低的亮色更方便长时间查看。非常适用于光线暗的环境疲劳的眼睛Visual Studio Code Dark Plus 主题Visual Studio Code Dark Plus主题基于Visual Studio Code的默认外观如果您已经习惯了Visual Studio Code的外观并且想在WebStorm中使用此主题可以提供类似的效果。大家喜欢它的原因此主题接近VS Code的深色主题它的深色更深意味着UI文本与编辑器窗口之间的对比度更高配色方案包含比默认Darcula主题中的柔和色更强的颜色。非常适用于光线暗的环境由 VS Code 转来的用户Monokai Pro主题Monokai Pro主题是Sublime Text编辑器方案的改编它以Monokai Pro为基础可以帮助用户集中注意力。它使用特别选择的颜色浓淡度来提供无干扰的用户界面此主题包含六种不同的深色方案变体。大家喜欢它的原因Monokai Pro主题的设计经过深思熟虑包含明显的颜色编码文本元素便于开发者浏览代码。通过主题包中的不同变体开发者可以轻松找到想要的变体。非常适用于光线暗的环境审查大量代码Vuesion主题Vuesion主题的配方方案以Vuesion项目为基础它在IDE中植入了工程和设计的现代最佳做法给IDE带来有序、整洁的感觉。大家喜欢它的原因Vuesion主题尝试了一些与其他“深色”主题不同的内容熟悉Vue的人会发现该主题使用了更多的蓝绿色。 编辑器中的高亮对比鲜明整个感觉非常Vue化整洁、清新、鲜明。非常适用于光线暗的环境在编辑器中长时间工作Gradianto主题有时在IDE中加一些颜色可以改善心情。 Gradianto主题包含一系列可在大自然中找到的渐变色不仅提供彩色、明亮的感观而且可以缓解眼睛的疲劳。大家喜欢它的原因Gradianto 简单且赏心悦目。 它不像另一些深色主题那样刺眼因为它使用彩色调而非黑色调因此不会太亮也不会太暗。非常适用于所有亮度环境敏感的眼睛Hiberbee主题Hiberbee主题提取了Monokai和macOS的精华组合成一个超级清晰、对比鲜明的深色主题。大家喜欢它的原因通常深色主题使用非常明亮的霓虹型颜色来确保文本之间对比鲜明。 Hiberbee主题使用对比鲜明的明亮颜色但没有像霓虹一样的色相配色方案也直观某些标记、类或编码部分以互补色突出显示。非常适用于光线暗的环境寻求高对比非霓虹色的人Cyan Light 主题对于想要浅色主题但又不喜欢所有相关的明亮白色调的用户Cyan Light主题是完美的折衷方案。它更偏向浅灰色而不是白色营造出非常舒适的工作环境。大家喜欢它的原因与大多数浅色主题不同Cyan Light使用非白色阴影和青色调来产生对比。 版式紧凑而简单关键字、标识符、字段和变量以深色呈现区分巧妙但又非常明显。非常适用于明亮环境敏感的眼睛如何选择主题选择最合适的主题不是简单地比较下载次数最多的主题的评分或外观 而是要了解您的需求以及如何在 IDE 中工作。JetBrains Marketplace 上有250多个主题可能有比本文推荐的主题更适合的主题应考虑下面几点您的环境编码环境这里不是指开发环境会影响您感觉最舒服的工作环境即开发环境。 例如如果您喜欢在电脑屏幕的光线下工作到深夜则使用深色主题可以缓解眼睛长时间注视屏幕的压力。眼睛敏感度有些人发现某些颜色看起来很费力也有一些人则不能区分特定颜色的差异。 我们每个人都不一样。 了解您能够舒服地看几个小时的配色方案可能要进行一些试错但一旦找到您喜欢的方案就能找到具有这些特点的主题。如何工作如果您同时处理多款应用需要从明亮的 Google 文档切换到深色主题的 IDE 编辑器可能很快就会感觉到疲劳和头痛。 因此找到能够完善工作流程的主题是值得的。 选择 Theme主题设置中的 Sync with OS与操作系统同步选项可以将主题与您的操作系统同步如果操作系统配置为根据时间切换主题IDE 也会同时自动切换主题。
WebStorm是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为Web前端开发神器最强大的HTML5编辑器最智能的JavaSscript IDE等。与IntelliJ IDEA同源继承了IntelliJ IDEA强大的JS部分的功能。在IDE中开发者的感觉舒服很重要。WebStorm定制程度高您可以按照自己喜欢的方式对其进行配置。配置的方式之一是更改您使用的主题这也会改变IDE的外观。 在这篇博文中我们汇总了开发团队最喜欢使用的一些主题。本文提及的所有这些主题要么开箱即用要么可以直接从IDE免费安装。转到 Preferences / Settings | Plugins偏好设置 / 设置 | 插件查找并安装要使用的主题插件。 主题会自动应用到您的 IDE。 您可以在 Search搜索字段中添加 /tag:Theme将插件搜索范围缩小为只显示主题。在任何时间要更改主题请转到 Preferences / Settings | Appearance Behavior | Appearance偏好设置 / 设置 | 外观与行为 | 外观并从 Theme主题下拉列表中选择要使用的主题。 作为一种更好的替代方式您也可以使用快捷键 ^ (macOS) 或 CtrlWindows、Linux显示 Switch…切换…弹出窗口然后从中选择 Theme主题。内置的WebStorm主题DarkDark 主题取代了 Darcula后者曾经是 WebStorm 中预装的默认主题。 由于是预安装的许多人并不打算更改它因为他们就喜欢这样的外观。 它比 Darcula 主题稍暗以获得更平衡的对比度。大家喜欢它的原因深色发出的光线较少这有助于缓解眼睛压力即使长时间注视屏幕也不会感觉累。 Dark 主题中的白色和其他颜色不如某些深色主题明亮开发者可能更喜欢这一点。非常适用于光线暗的环境敏感的眼睛LightLight是WebStorm预装的另一个主题它与深色主题截然相反提供更明亮的IDE界面。如果您在非常明亮的环境下工作或者同时使用其他只有浅色格式的应用程序使用浅色主题就很有用。大家喜欢它的原因更喜欢在熟悉环境下工作的开发者它的外观简单、经典深受技术人员喜爱。非常适用于明亮的环境已经安装了很多其他浅色主题应用的桌面设备Dark Purple 主题深紫色是另一个适用于WebStorm的深色主题它为Darcula提供了一个对比度更大的界面并以各种红色和紫色替换蓝色和橙色。大家喜欢它的原因存在视觉缺陷的用户特别喜欢比Darcula更强的对比度在美学上紫色和粉红色令人平静官方技术团队成员都喜欢这个主题。非常适用于光线暗的环境想要高对比度颜色的人One Dark主题One Dark 主题是另一个为编码精心设计的深色主题它的亮度低于其他深色主题对眼睛压力更小。大家喜欢它的原因对某些人来说褪色的深色调和对比度低的亮色更方便长时间查看。非常适用于光线暗的环境疲劳的眼睛Visual Studio Code Dark Plus 主题Visual Studio Code Dark Plus主题基于Visual Studio Code的默认外观如果您已经习惯了Visual Studio Code的外观并且想在WebStorm中使用此主题可以提供类似的效果。大家喜欢它的原因此主题接近VS Code的深色主题它的深色更深意味着UI文本与编辑器窗口之间的对比度更高配色方案包含比默认Darcula主题中的柔和色更强的颜色。非常适用于光线暗的环境由 VS Code 转来的用户Monokai Pro主题Monokai Pro主题是Sublime Text编辑器方案的改编它以Monokai Pro为基础可以帮助用户集中注意力。它使用特别选择的颜色浓淡度来提供无干扰的用户界面此主题包含六种不同的深色方案变体。大家喜欢它的原因Monokai Pro主题的设计经过深思熟虑包含明显的颜色编码文本元素便于开发者浏览代码。通过主题包中的不同变体开发者可以轻松找到想要的变体。非常适用于光线暗的环境审查大量代码Vuesion主题Vuesion主题的配方方案以Vuesion项目为基础它在IDE中植入了工程和设计的现代最佳做法给IDE带来有序、整洁的感觉。大家喜欢它的原因Vuesion主题尝试了一些与其他“深色”主题不同的内容熟悉Vue的人会发现该主题使用了更多的蓝绿色。 编辑器中的高亮对比鲜明整个感觉非常Vue化整洁、清新、鲜明。非常适用于光线暗的环境在编辑器中长时间工作Gradianto主题有时在IDE中加一些颜色可以改善心情。 Gradianto主题包含一系列可在大自然中找到的渐变色不仅提供彩色、明亮的感观而且可以缓解眼睛的疲劳。大家喜欢它的原因Gradianto 简单且赏心悦目。 它不像另一些深色主题那样刺眼因为它使用彩色调而非黑色调因此不会太亮也不会太暗。非常适用于所有亮度环境敏感的眼睛Hiberbee主题Hiberbee主题提取了Monokai和macOS的精华组合成一个超级清晰、对比鲜明的深色主题。大家喜欢它的原因通常深色主题使用非常明亮的霓虹型颜色来确保文本之间对比鲜明。 Hiberbee主题使用对比鲜明的明亮颜色但没有像霓虹一样的色相配色方案也直观某些标记、类或编码部分以互补色突出显示。非常适用于光线暗的环境寻求高对比非霓虹色的人Cyan Light 主题对于想要浅色主题但又不喜欢所有相关的明亮白色调的用户Cyan Light主题是完美的折衷方案。它更偏向浅灰色而不是白色营造出非常舒适的工作环境。大家喜欢它的原因与大多数浅色主题不同Cyan Light使用非白色阴影和青色调来产生对比。 版式紧凑而简单关键字、标识符、字段和变量以深色呈现区分巧妙但又非常明显。非常适用于明亮环境敏感的眼睛如何选择主题选择最合适的主题不是简单地比较下载次数最多的主题的评分或外观 而是要了解您的需求以及如何在 IDE 中工作。JetBrains Marketplace 上有250多个主题可能有比本文推荐的主题更适合的主题应考虑下面几点您的环境编码环境这里不是指开发环境会影响您感觉最舒服的工作环境即开发环境。 例如如果您喜欢在电脑屏幕的光线下工作到深夜则使用深色主题可以缓解眼睛长时间注视屏幕的压力。眼睛敏感度有些人发现某些颜色看起来很费力也有一些人则不能区分特定颜色的差异。 我们每个人都不一样。 了解您能够舒服地看几个小时的配色方案可能要进行一些试错但一旦找到您喜欢的方案就能找到具有这些特点的主题。如何工作如果您同时处理多款应用需要从明亮的 Google 文档切换到深色主题的 IDE 编辑器可能很快就会感觉到疲劳和头痛。 因此找到能够完善工作流程的主题是值得的。 选择 Theme主题设置中的 Sync with OS与操作系统同步选项可以将主题与您的操作系统同步如果操作系统配置为根据时间切换主题IDE 也会同时自动切换主题。
