webstorm-主題和配色

一、引子

之前介紹過 Sublime text 3 系列的文章，着重介紹了 Sublime text 3 如何下載、安裝、插件、配置等內容。Sublime text 3的輕量和富擴展，爲前端開發帶來了不少的便捷，加快了代碼的書寫速度，尤爲是配上 emmet，那書寫速度堪稱光速。

如今，要隆重介紹的前端開發工具webstorm，爲何說它是前端開發工具，而不是前端開發編輯器呢？它具有的功能，不僅只是編輯器這麼簡單，還包含了任務管理、歷史管理、版本管理、工程管理、代碼檢查、代碼調試等功能，固然它也有豐富的擴展，能知足前端開發的大部分要求。官方網站稱之爲是The smartest JavaScript IDE，下面幾篇文章會慢慢的說到它的強大之處，你會以爲他是世界上最好的 javascript 開發工具確實是不爲過。

二、主題

在使用 webstorm 的時候，推薦使用黑色的主題，看起來更加的純淨，也會讓使用者更加的專一書寫代碼。打開菜單配置選項：

在 IDE Settings > Appearance 的右邊菜單裏，選擇 Theme > Darcula主題便可。IDE Settings 指的是 webstorm 的全局配置。

三、配色

從 Sublime text 3 轉過來的朋友，對默認的配色 monokia 想必很是的喜歡，在 webstorm 裏你依然能夠繼續使用它，不過默認是沒有這個配色的，須要從下載添加進去。

打開https://github.com/OtaK/jetbrains-monokai-sublime 連接，而後點擊右邊的下載ZIP文件便可。解壓以後，會獲得一個Monokai-Sublime.jar文件，這個文件就是配色的打包文件，能夠使用 webstorm 導入便可。打開菜單：

選擇 Import Settings，而後選擇剛纔下載的Monokai-Sublime.jar文件，而後最後導入便可。

最後來張主題和配色的預覽圖，是否是以爲很是漂亮。

四、參考連接

• 官網：http://www.jetbrains.com/webstorm/
• monokia：https://github.com/OtaK/jetbrains-monokai-sublime

 

五、主題下載

• 官網：http://www.phpstorm-themes.com/
• idea主題官網，這個只下載jar包，而後導入就行:http://color-themes.com/?view=index
• 下載對應的icls文件
• 以下是官方說的使用說明

• Windows

  On Windows Explorer, select the XML/ICLS file just downloaded and copy it.

  Then navigate to the colors folder, located in: C:/Users/USERNAME/.<Product>/config/colors Paste the .xml file in and restart your IDE.

  Then navigate to File > Settings > Editor > Colors & Fonts and select the color scheme you just added.

• idea和webStorm均可以使用該方法

六、我的主題記錄

• idea使用的主題爲:Dubiela Dark
• webStorm使用的主題爲:monokia：https://github.com/OtaK/jetbrains-monokai-sublime