一、主题配色主题设置
方法：file -> settings -> appearance & behavior -> appearance ->theme.
webstorm-setting-02.jpg
配色设置
方法：file -> settings -> editor -> colors & fonts->scheme.（注：如果你是从从sublime text3转过来的朋友，比较偏好monokia配色的，可以参见此文 webstorm入门1-主题和配色）
webstorm-setting-04.jpg
二、打开多个项目webstorm默认情况下一次只能打开一个项目，这点很不爽，其实是可以设置的。（注：如果你一开始就建了项目再来配置，记得要把左边显示的根路径移除，不然可能点击add content root配置后也不一定能生效）
方法：file -> settings -> directories -> add content root 中添加你当前的工程目录。
webstorm-setting-01.jpg
三、配置webserver选项（端口）方便其他ip设备访问(如手机等测试效果）
方法：file -> settings -> build,execution,development -> debugger ->port
webstorm-setting-05.jpg
四、设置文件的默认编码方法：file -> settings -> editor -> file encodings -> ide encoding,project encoding.
(注：配置前和配置后都可以打开页面，在页面的右下角显示有编码，下面截图右下角就有)
webstorm-setting-06.jpg
五、快捷键配置你可以使用默认快捷键配置，也可以根据自己的风格选择配置。习惯eclipse和myeclipse开发的可以配置成eclipse快捷键。
方法：file -> settings -> keymap-> keymaps
webstorm-setting-07.jpg
六、emmet配置，语法等等上面提到了快捷键，webstorm自带emmet插件。用过zen coding的人应该都知道，emmet就是zen coding的升级版。当然，webstorm也不是支持所有的emmet语法，不过够用了。可以参考此文enabling emmet support看看具体情况。
如下图，可以看到css自动加浏览器厂商前缀。
webstorm-setting-08.png
七、行号，换行，参考线打开页面后，右击页面左边边界，弹窗选项，根据自己需要勾选就是，如下图：
webstorm-setting-09.png
八、导入导出配置当你需要在其他电脑的webstorm上也想用自己编码风格时，将配置文件导入重启webstorm即可生效。
导出方法：file -> export settings... ->自己选择选项和路径。用默认也可以。
导入方法：file -> import settings... ->选择.jar文件路径。
九、插件配置webstorm自带很多插件，你可以根据自己需要配置。我暂时未使用，如果你用到了，可以参考下面的一些文章。
svn、git插件配置，css预处理语言的预编译、js 实时压缩等等可以参考此文webstorm入门2-配置
使用css预编译器（sass,less）的朋友,可以省掉gulp、grunt类前端辅助工具,参考此文webstorm入门5-sass、scss、less监听编译
以上就是webstorm中的各种配置的介绍（图）的详细内容。