WebStorm用法及快捷键

激活WebStorm

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

Webstorm主题更换

主题下载：Ladies Night 2.jar下载

How to install a theme?

选择 Import Settings，然后选择刚才下载的XX.jar文件，导入即可。

Select «File» → «Import Setting» from the main menu and follow the instructions. After the IDE restarted go to the Preferences, expand «Editor» → «Colors and fonts» tab and choose the installed theme.

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代码也会发生变化。