webstorm11--常见配置（二）

主题设置

方法：File ->Settings ->Appearance &Behavior ->Appearance ->Theme.

WebStorm默认情况下一次只能打开一个项目，这点很不爽，其实是可以设置的。（ 注：如果你一开始就建了项目再来配置，记得要把左边显示的根路径移除，不然可能点击Add Content Root配置后也不一定能生效 ）

方法：File ->Settings ->Directories ->Add Content Root 中添加你当前的工程目录。

方便其他ip设备访问(如手机等测试效果）

方法：File ->Settings ->Build,Execution,Development ->Debugger ->port

方法：File ->Settings ->Editor ->File Encodings ->IDE Encoding,Project Encoding.

( 注：配置前和配置后都可以打开页面，在页面的右下角显示有编码，下面截图右下角就有 )

你可以使用默认快捷键配置，也可以根据自己的风格选择配置。习惯eclipse和myeclipse开发的可以配置成eclipse快捷键。

方法：File ->Settings ->Keymap->Keymaps

上面提到了快捷键，webstorm自带emmet插件。用过zen coding的人应该都知道，emmet就是zen coding的升级版。当然，webstorm也不是支持所有的 emmet语法 ，不过够用了。可以参考此文 Enabling Emmet Support 看看具体情况。

如下图，可以看到css自动加浏览器厂商前缀。

打开页面后，右击页面左边边界，d窗选项，根据自己需要勾选就是，如下图：

当你需要在其他电脑的webstorm上也想用自己编码风格时，将配置文件导入重启webstorm即可生效。

导出方法：File ->Export Settings... ->自己选择选项和路径。用默认也可以。

导入方法：File ->Import Settings... ->选择.jar文件路径。

webstorm自带很多插件，你可以根据自己需要配置。我暂时未使用，如果你用到了，可以参考下面的一些文章。

首先，打开 webstorm ，复制你每次重复构建的模板， 然后打开偏好设置，快捷键 command+，（win 是 setting）

在搜索栏输入 live 打开 live templates

html/xml 中添加模板 右手边加号。

模板内容区域粘贴，缩写写你想要的，这里是 jq，最后选择应用场景，全选。

应用 ok

检测，删除页面内容 打入 jq

按下 tab

OK,结束了。

公众号 深海笔记Shinkai

  Shinkai

知乎 Shinkai

原文链接http://note.youdao.com/s/AEzC0GRu

进入File->Settings,打开设置窗口如下，Theme代表主题，指整个开发环境的颜色和风格，下面一行的use custom font代表字体样式，选择自己喜欢的一个即可。后面紧挨着的size就是字体大小。

同样进入File->Settings,打开设置窗口如下

找到Editor-->Color Scheme-->Color Scheme Font，对就是这个家伙，让我找了上万毫秒，心中那个感觉就是“ 终于等到你，差点要错过你。。。。。”

言归正传，图中我用绿色框的Font是选择字体，Size是字体大小，Line spacing 是行间距

如果上面你都设置过，找到Editor-->Color Scheme-->Console Font

打开设置窗口如下,此图跟上面的图大同小异，跟上面一样设置即可

---