WebStorm安装与快捷键

WebStorm是JetBrains 推出的一款强大的HTML5编辑工具（特别开发JavaScript非常好用），被JavaScript开发者誉为“web前端开发神奇”、“最强悍的JavaScriptIDE”，拥有丰富的代码快速编辑，可以智能的补全代码、代码格式化、html提示以及代码检查和快速修复等。WebStorm被广大中国JS开发者誉为“Web前端开发神器”。

一、安装

1.先下载：

链接: https://pan.baidu.com/s/1jJVyU0I 密码: kx6s

2.License server 注册

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

3.安装成功之后：

3.1设置背景色为黑色或者灰色，这里设置：

Ctrl+Alt+S  打开配置窗口

3.2设置字体大小

二、快捷键集合：

Ctrl+/或Ctrl+Shift+/ 注释（//或者/*...*/）
Shift+F6 重命名
Ctrl+X 删除行

Ctrl+Shift+Up/Down 代码向上/下移动
F2或shift+F2高亮错误或警告快速定位
写代码，按Tab 生成代码
选中文本，按Ctrl+Shift+F7 高亮显示所有该文本，按Esc高亮消失
F11 切换标记
Ctrl+Shift+U 光标所在位置大小写
Ctrl+Delete 删除文字结束
Ctrl+BackSpace 删除文字开始
Ctrl+[或Ctrl+] 光标到代码块的前面或后面

代码编辑器：

Alt+J  选中多个相同字符串，和sublime的Ctrl+D的作用一样

Ctrl+D 复制行
Ctrl+W  选中单词

Ctrl+←/→ 以单词作为边界跳光标位置

Ctrl+Alt+L格式化代码

Shift+Tab/Tab  减少/扩大缩进（可以在代码中减少行缩进）

Ctrl+Y  删除一行

Shift+Enter 重新开始一行(无论光标在哪个位置)

Alt+Shift+↑ 选中当前块
Shift+Enter 重新开始一行

Ctrl+E 弹出最近打开的文件

Ctrl+Z  后退一步编辑

Ctrl+shift+z 前进一步编辑

界面操作：

Ctrl+Shift+A 快速查找并使用编辑器所有功能（必记）

Ctrl+Alt+S 打开配置窗口

Ctrl+Tab  切换代码选项卡（还要进行此选择，效率差些）

Ctrl+Shift+F12 切换最大化编辑器
Ctrl+F4 关闭当前代码界面
Alt+←/→ 切换代码界面
Alt+[0~9] 快速拆合功能界面模块
Alt+Shift+F添至收藏夹
Ctrl+F12显示当前文件的结构

查找：
Ctrl+G查找行

Ctrl+F查找文本(Ctrl+shift+L也是查找文本)

Ctrl+R替换文本

Ctrl+Shift+R  指定目录内代码批量替换

Ctrl+Shift+F  指定目录内代码批量查找

F3查找下一个
Shift+F3查找上一个
Ctrl+Shift+N 通过文件名快速查找工程内的文件
Ctrl+Shift+Alt+N 通过一个字符快速查找位置
Alt+F1查找代码在其他界面模块的位置

三、Live Templates配置自定义快捷方式：

这样就可以了

 四、好处：

1.图片高度提示（当你输入图片路径的过程当中就会显示图片大小）；

2. 标签重构、文件重命名、 CSS 重构以及 JS 重构

2.1 标签重构
如果你想把

<div>此处省略200行</div>

改为

<p>此处省略200行</p>

要怎么办？在 WS 里，你只需将光标移到 <div> 或者 </div>，让后按重构的快捷键就可以轻松地把它变为 p 标签。

2.2 文件重命名
你想把 style1.css 重命名为 style2.css，但是 style1.css 被很多 html 文件引用了，怎么办？
使用 WS 的文件重命名功能，大胆地重命名吧，它会自动帮你更新所有引用。（前提是你的引用是正确且符合常规的）

直接这里重命名，快捷键Shift+F6；

五、安装当中遇到的问题：

5.1Webstorm 2017.2版本导致中文输入法无法智能提示打字

解决办法：

下载新的搜狗输入法重启webstorm就好了；

5.2打开php文件整个页面的代码都同样颜色，看着不舒服，如图：

解决办法加*.php就可以了，以此类推，安装其他语言也一样，比如微信小程序语言加*.wxml等，如图：

六、WebStorm2018汉化包(但个人感觉英文版比较稳定)

链接地址：https://www.newasp.net/soft/371219.html

直接讲汉化包里面的resources_cn.jar复制到.\Webstorm\lib目录即可

七、怎么显示左侧菜单栏？

view -> tool buttons -> 点击左侧的project 
好了出来了

八：卡死内存不足，-Xmx750改为-Xmx2048