首先，最后配色結果如下：

本次配色參考幾個文檔：

http://frontenddev.org/article/webstorm-portal-1-subject-and-match-colors.html

http://www.cnblogs.com/dc10101/archive/2013/01/03/2842590.html

---

?

現備份如下：

1、引子

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

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

2、主題

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

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

3、配色

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

打開https://github.com/OtaK/jetbrains-monokai-sublime?鏈接，然后點擊右邊的下載ZIP文件即可。解壓之后，會得到一個Monokai-Sublime.jar文件，這個文件就是配色的打包文件，可以使用 webstorm 導入即可。打開菜單：

選擇 Import Settings，然后選擇剛才下載的Monokai-Sublime.jar文件，然后最后導入即可。

---

?

其中字體我修改了下，設置console,16號

---

?

最后，我的setting導出：mysetting

以及monokia

唯有不斷學習方能改變！ -- Ryan Miao

總結

以上是生活随笔為你收集整理的webstom设置和monokia配色方案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。