首先，最后配色結(jié)果如下：

本次配色參考幾個(gè)文檔：

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

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

---

?

現(xiàn)備份如下：

1、引子

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

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

2、主題

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

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

3、配色

從 Sublime text 3 轉(zhuǎn)過來的朋友，對(duì)默認(rèn)的配色 monokia 想必非常的喜歡，在 webstorm 里你依然可以繼續(xù)使用它，不過默認(rèn)是沒有這個(gè)配色的，需要從下載添加進(jìn)去。

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

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

---

?

其中字體我修改了下，設(shè)置console,16號(hào)

---

?

最后，我的setting導(dǎo)出：mysetting

以及monokia

唯有不斷學(xué)習(xí)方能改變！ -- Ryan Miao

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。