WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具。被廣大中國JS開發(fā)者譽(yù)為"Web前端開發(fā)神器""最強(qiáng)大的HTML5編輯器""最智能的JavaSscript IDE"等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。

Jetbrains技術(shù)交流群（QQ）：786598704 歡迎一起進(jìn)群討論

在IDE中，開發(fā)者的感覺舒服很重要。WebStorm定制程度高，您可以按照自己喜歡的方式對(duì)其進(jìn)行配置。配置的方式之一是更改您使用的主題，這也會(huì)改變IDE的外觀。 在這篇博文中，我們匯總了開發(fā)團(tuán)隊(duì)最喜歡使用的一些主題。

本文提及的所有這些主題要么開箱即用，要么可以直接從IDE免費(fèi)安裝。

1. 轉(zhuǎn)到 Preferences / Settings | Plugins（偏好設(shè)置 / 設(shè)置 | 插件），查找并安裝要使用的主題插件。 主題會(huì)自動(dòng)應(yīng)用到您的 IDE。 您可以在 Search（搜索）字段中添加 /tag:Theme，將插件搜索范圍縮小為只顯示主題。
2. 在任何時(shí)間要更改主題，請(qǐng)轉(zhuǎn)到 Preferences / Settings | Appearance & Behavior | Appearance（偏好設(shè)置 / 設(shè)置 | 外觀與行為 | 外觀），并從 Theme（主題）下拉列表中選擇要使用的主題。 作為一種更好的替代方式，您也可以使用快捷鍵 ^` (macOS) 或 Ctrl+`（Windows、Linux）顯示 Switch…（切換…）彈出窗口，然后從中選擇 Theme（主題）。

內(nèi)置的WebStorm主題

Darcula

WebStorm中預(yù)裝了Darcula，因此不需要安裝任何其他主題插件。第一次安裝WebStorm時(shí)，它是默認(rèn)主題。

大家喜歡它的原因：

Darcula的深色發(fā)出的光線較少，這有助于緩解眼睛壓力，即使長時(shí)間注視屏幕也不會(huì)感覺累。Darcula中的白色和其他顏色不如某些深色主題明亮，開發(fā)者可能更喜歡這一點(diǎn)。

非常適用于：

• 光線暗的環(huán)境
• 敏感的眼睛

IntelliJ Light

IntelliJ Light是WebStorm預(yù)裝的另一個(gè)主題，它與深色主題截然相反，提供更明亮的IDE界面。如果您在非常明亮的環(huán)境下工作，或者同時(shí)使用其他只有淺色格式的應(yīng)用程序，使用淺色主題就很有用。

大家喜歡它的原因：

更喜歡在熟悉環(huán)境下工作的開發(fā)者，它的外觀簡單、經(jīng)典，深受技術(shù)人員喜愛。

非常適用于：

• 明亮的環(huán)境
• 已經(jīng)安裝了很多其他淺色主題應(yīng)用的桌面設(shè)備

Dark Purple 主題

深紫色是另一個(gè)適用于WebStorm的深色主題，它為Darcula提供了一個(gè)對(duì)比度更大的界面，并以各種紅色和紫色替換藍(lán)色和橙色。

大家喜歡它的原因：

存在視覺缺陷的用戶特別喜歡比Darcula更強(qiáng)的對(duì)比度，在美學(xué)上，紫色和粉紅色令人平靜，官方技術(shù)團(tuán)隊(duì)成員都喜歡這個(gè)主題。

非常適用于：

• 光線暗的環(huán)境
• 想要高對(duì)比度顏色的人

One Dark主題

One Dark 主題是另一個(gè)為編碼精心設(shè)計(jì)的深色主題，它的亮度低于其他深色主題，對(duì)眼睛壓力更小。

大家喜歡它的原因：

對(duì)某些人來說，褪色的深色調(diào)和對(duì)比度低的亮色更方便長時(shí)間查看。

非常適用于：

• 光線暗的環(huán)境
• 疲勞的眼睛

Visual Studio Code Dark Plus 主題

Visual Studio Code Dark Plus主題基于Visual Studio Code的默認(rèn)外觀，如果您已經(jīng)習(xí)慣了Visual Studio Code的外觀并且想在WebStorm中使用，此主題可以提供類似的效果。

大家喜歡它的原因：

此主題接近VS Code的深色主題，它的深色更深，意味著UI文本與編輯器窗口之間的對(duì)比度更高，配色方案包含比默認(rèn)Darcula主題中的柔和色更強(qiáng)的顏色。

非常適用于：

• 光線暗的環(huán)境
• 由 VS Code 轉(zhuǎn)來的用戶

Monokai Pro主題

Monokai Pro主題是Sublime Text編輯器方案的改編，它以Monokai Pro為基礎(chǔ)，可以幫助用戶集中注意力。它使用特別選擇的顏色濃淡度來提供無干擾的用戶界面，此主題包含六種不同的深色方案變體。

大家喜歡它的原因：

Monokai Pro主題的設(shè)計(jì)經(jīng)過深思熟慮，包含明顯的顏色編碼文本元素，便于開發(fā)者瀏覽代碼。通過主題包中的不同變體，開發(fā)者可以輕松找到想要的變體。

非常適用于：

• 光線暗的環(huán)境
• 審查大量代碼

Vuesion主題

Vuesion主題的配方方案以Vuesion項(xiàng)目為基礎(chǔ)，它在IDE中植入了工程和設(shè)計(jì)的現(xiàn)代最佳做法，給IDE帶來有序、整潔的感覺。

大家喜歡它的原因：

Vuesion主題嘗試了一些與其他“深色”主題不同的內(nèi)容，熟悉Vue的人會(huì)發(fā)現(xiàn)該主題使用了更多的藍(lán)綠色。 編輯器中的高亮對(duì)比鮮明，整個(gè)感覺非常Vue化：整潔、清新、鮮明。

非常適用于：

• 光線暗的環(huán)境
• 在編輯器中長時(shí)間工作

Gradianto主題

有時(shí)，在IDE中加一些顏色可以改善心情。 Gradianto主題包含一系列可在大自然中找到的漸變色，不僅提供彩色、明亮的感觀，而且可以緩解眼睛的疲勞。

大家喜歡它的原因：

Gradianto 簡單且賞心悅目。 它不像另一些深色主題那樣刺眼，因?yàn)樗褂貌噬{(diào)而非黑色調(diào)，因此不會(huì)太亮，也不會(huì)太暗。

非常適用于：

• 所有亮度環(huán)境
• 敏感的眼睛

Hiberbee主題

Hiberbee主題提取了Monokai和macOS的精華，組合成一個(gè)超級(jí)清晰、對(duì)比鮮明的深色主題。

大家喜歡它的原因：

通常，深色主題使用非常明亮的霓虹型顏色來確保文本之間對(duì)比鮮明。 Hiberbee主題使用對(duì)比鮮明的明亮顏色，但沒有像霓虹一樣的色相，配色方案也直觀，某些標(biāo)記、類或編碼部分以互補(bǔ)色突出顯示。

非常適用于：

• 光線暗的環(huán)境
• 尋求高對(duì)比非霓虹色的人

Cyan Light 主題

對(duì)于想要淺色主題但又不喜歡所有相關(guān)的明亮白色調(diào)的用戶，Cyan Light主題是完美的折衷方案。它更偏向淺灰色而不是白色，營造出非常舒適的工作環(huán)境。

大家喜歡它的原因：

與大多數(shù)淺色主題不同，Cyan Light使用非白色陰影和青色調(diào)來產(chǎn)生對(duì)比。 版式緊湊而簡單，關(guān)鍵字、標(biāo)識(shí)符、字段和變量以深色呈現(xiàn)，區(qū)分巧妙，但又非常明顯。

非常適用于：

• 明亮環(huán)境
• 敏感的眼睛

如何選擇主題

選擇最合適的主題不是簡單地比較下載次數(shù)最多的主題的評(píng)分或外觀， 而是要了解您的需求，以及如何在 IDE 中工作。 上有250多個(gè)主題，可能有比本文推薦的主題更適合的主題，應(yīng)考慮下面幾點(diǎn)：

您的環(huán)境

編碼環(huán)境（這里不是指開發(fā)環(huán)境）會(huì)影響您感覺最舒服的工作環(huán)境（即開發(fā)環(huán)境）。 例如，如果您喜歡在電腦屏幕的光線下工作到深夜，則使用深色主題可以緩解眼睛長時(shí)間注視屏幕的壓力。

眼睛敏感度

有些人發(fā)現(xiàn)某些顏色看起來很費(fèi)力，也有一些人則不能區(qū)分特定顏色的差異。 我們每個(gè)人都不一樣。 了解您能夠舒服地看幾個(gè)小時(shí)的配色方案可能要進(jìn)行一些試錯(cuò)，但一旦找到您喜歡的方案，就能找到具有這些特點(diǎn)的主題。

如何工作

如果您同時(shí)處理多款應(yīng)用，需要從明亮的 Google 文檔切換到深色主題的 IDE 編輯器，可能很快就會(huì)感覺到疲勞和頭痛。 因此，找到能夠完善工作流程的主題是值得的。 選擇 Theme（主題）設(shè)置中的 Sync with OS（與操作系統(tǒng)同步）選項(xiàng)可以將主題與您的操作系統(tǒng)同步，如果操作系統(tǒng)配置為根據(jù)時(shí)間切換主題，IDE 也會(huì)同時(shí)自動(dòng)切換主題。