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文件，然後最後導入即可。

最後來張主題和配色的預覽圖，是不是覺得非常漂亮。

4、參考鏈接

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

webstorm-主題和配色