如何为WebStorm设置炫酷黑色主题

如何为WebStorm设置炫酷黑色主题

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。现在受到很多前端开发者的喜爱，但是刚安装的WebStorm的代码主题比较难看，而很多人都追求炫酷的代码主题，为此通过这篇博客记录自己是如何给WebStorm添加炫酷主题的。

操作步骤：

Step1：http://www.webstormthemes.com/打开此网站下载主题，如图所示：

可以看到这个网站上不仅可以下载到WebStorm的主题，还可以下载到AndroidStudio和PHPStorm的主题，这里我们选择WebStorm的主题，然后从中挑选自己喜欢的主题，我这里随便挑选了一个名称叫做ONE DARK的主题，如图所示：

点击其后缀名为.icls的文件名进行下载。

Step2：保存主题。

打开C:\Users\计算机的用户名\.WebStorm2016.1\config\colors文件夹（如果config目录下没有colors文件夹则新建一个），将刚刚下载的文件保存到该目录下。如图所示：

Step3：重启WebStorm，依次点击File>Settings>Editor>Colors&Fonts，点击schema下拉列表，即可找到刚刚下载的主题，选中之后Apply即可。如图所示：

最终效果如下：

当然我们也可以下载PHPstorm的主题把它用到WebStorm中，只需要把下载到的PHPstorm主题文件后缀名由.icl改为.icls然后放到C:\Users\计算机的用户名\.WebStorm2016.1\config\colors文件夹下就可以了。这里我下载了moldcraft主题：

这是我比较喜欢的一个配色主题，把后缀名改为.icls之后重启WebStorm选择刚刚下载的moldcraft主题就可以了，效果如下：

好啦，到此结束我的处女篇博客，以后还会继续努力哒，希望能够帮助到有需要的同学！