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

Jetbrains技術交流群（QQ）：786598704 歡迎一起進群討論

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

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

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

內置的WebStorm主題

Darcula

WebStorm中預裝了Darcula，因此不需要安裝任何其他主題插件。第一次安裝WebStorm時，它是默認主題。

大家喜歡它的原因：

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

非常適用于：

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

IntelliJ Light

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

大家喜歡它的原因：

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

非常適用于：

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

Dark Purple 主題

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

大家喜歡它的原因：

存在視覺缺陷的用戶特別喜歡比Darcula更強的對比度，在美學上，紫色和粉紅色令人平靜，官方技術團隊成員都喜歡這個主題。

非常適用于：

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

One Dark主題

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

大家喜歡它的原因：

對某些人來說，褪色的深色調和對比度低的亮色更方便長時間查看。

非常適用于：

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

Visual Studio Code Dark Plus 主題

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

大家喜歡它的原因：

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

非常適用于：

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

Monokai Pro主題

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

大家喜歡它的原因：

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

非常適用于：

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

Vuesion主題

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

大家喜歡它的原因：

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

非常適用于：

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

Gradianto主題

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

大家喜歡它的原因：

Gradianto 簡單且賞心悅目。 它不像另一些深色主題那樣刺眼，因為它使用彩色調而非黑色調，因此不會太亮，也不會太暗。

非常適用于：

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

Hiberbee主題

Hiberbee主題提取了Monokai和macOS的精華，組合成一個超級清晰、對比鮮明的深色主題。

大家喜歡它的原因：

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

非常適用于：

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

Cyan Light 主題

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

大家喜歡它的原因：

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

非常適用于：

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

如何選擇主題

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

您的環(huán)境

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

眼睛敏感度

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

如何工作

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