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