WebStorm用法及快捷键

激活WebStorm

安装完成后，在打开的License Activation窗口中选择“License server”，在输入框输入下面的网址： 
http://idea.iteblog.com/key.php 
点击：Activate即可。

WebStorm默认情况下一次只能打开一个项目，设置打开多个项目。

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

分屏

文件内自动换行

小技巧

1、不管光标在任何位置，都会跳的下一行;

    快捷键：shift+enter

2、多光标编辑代码

    快捷键： Alt+鼠标左键

3、快速添加注释.按各自的标准去添加

    快捷键：ctrl+/  和  ctrl+shift+/

4、js包含代码块

     快捷键：ctrl+alt+T

5、替换： ctrl + r 
6、行复制：ctrl + d 
7、 标签切换：alt + left/right 
8、显示当前文件的结构：ctrl + F12 || alt + ’7′ 
9、代码格式化：菜单：Code > Reformat Code 
10、查找：查找下一个F3 || 查找上一个shift+F3 
11、跳到指定行：ctrl+G 
12、js提示比较迟缓。 
13、图片及颜色预览 shift 
14、每当你看到一个灯泡，打ALT +回车，看看WebStorm有什么建议 
15、合并行：ctrl + shift + j 
16、webstorm 格式化代码: 
windows下的快键键 Ctrl+Alt+L 
mac下webstorm 格式化代码的快捷键 Option+Command+l 
centOS 下webstorm 格式化代码的快捷键 Ctrl+Shift+l 
17、撤销删除:ctrl + shift + z 
18、 
选中所有同样的词 ： Shift + Ctrl + Alt + J 
选中下一个同样的词： Alt + J

File -> setting ->Code Completion -> Autopopup in 下 1000改为0 

最后，导出设置。

File > Export Settings导出用户设置。

从 Sublime text 3 转过来的朋友，对默认的配色 monokia 想必非常的喜欢，在 webstorm 里你依然可以继续使用。配置链接 
安装后发现光标所在行高亮和选中颜色高亮 颜色值重合完全看不出选中的是哪里： 
这时候我们可以改变下光标所在行（Caret row）颜色值.

插件:CSS-X-fire

当使用firebug修改css属性时，编辑器内的css代码也会发生变化。