JS开发工具-WebStorm安装及高效使用教程

1，简介

WebStorm 10是一款强大的HTML5编辑工具，是 JetBrains 推出的一款商业的 JavaScript 开发工具。功能强大的前端专用IDE，拥有即时编辑（chrome）、自动完成、debugger、Zen Coding、HTML5 支持、JSLint、Less支持、CoffeeScript支持、Node.JS、单元测试、集成git和svn版本控制等特性，推荐前端工程师使用。

Webstorm拥有丰富的代码快速编辑功能，你可以自由配置功能快捷键。

2，下载安装及注册

2.1，下载

下载地址：http://www.cr173.com/soft/130969.html

这个是官方最新英文版，带汉化包。内附从网络上搜集到的注册机，已测试可用，但部分杀毒软件可能会有误报。

先下载Webstorm（注意去除广告软件的勾选）。解压后目录如下：

2.2，安装

安装过程很简单，打开安装文件，一直下一步即可（注意去除广告软件）。

2.3，注册

双击打开注册机，步骤如下：

然后运行webStorm,输入注册信息如下：

点击OK即可注册成功。

3，基本配置

Webstorm的默认字体和配色相当糟糕（这点不如sublime_text），你可以直接手动改进Webstorm的配置，当然也可以直接导入配置文件。
手动配置Webstorm

Webstorm配置项极其丰富，建议善用搜索，比如配置字体大小、git配置等。

4，默认热键参考（与eclipse热键对比）

查找/代替

Webstorm快捷键	eclipse快捷键	说明
ctrl+shift+N	ctrl+shift+R	通过文件名快速查找工程内的文件（必记）
ctrl+shift+alt+N	ctrl+shift+alt+N	通过一个字符快速查找位置（必记）
ctrl+F	ctrl+F	在文件内快速查找代码
F3	ctrl+K	查找下一个
shift+F3	ctrl+shift+K	查找上一个
ctrl+R	ctrl+F	文件内代码替换
ctrl+shift+R		指定目录内代码批量替换
ctrl+shift+F	ctrl+H	指定目录内代码批量查找

界面操作

Webstorm快捷键	Eclipse快捷键	说明
ctrl+shift+A	ctrl+shift+A	快速查找并使用编辑器所有功能（必记）
alt+[0-9]	alt+[0-9]	快速拆合功能界面模块
ctrl+shift+F12	ctrl+shift+F12	最大区域显示代码（会隐藏其他的功能界面模块）
alt+shift+F	alt+shift+F	将当前文件加入收藏夹
ctrl+alt+s	ctrl+alt+s	打开配置窗口
ctrl+tab	ctrl+tab	切换代码选项卡（还要进行此选择，效率差些）
alt+←/→	alt+←/→	切换代码选项卡
ctrl+F4	ctrl+F4	关闭当前代码选项卡

代码编辑

Webstorm快捷键	Eclipse快捷键	说明
ctrl+D	ctrl+shift+↑	复制当前行
ctrl+W	alt+shift+↑	选中单词
ctrl+←/→	ctrl+←/→	以单词作为边界跳光标位置
alt+insert	alt+insert	新建一个文件或其他
ctrl+alt+L	ctrl+alt+L	格式化代码
shift+tab/tab	shift+tab/tab	减少/扩大缩进（可以在代码中减少行缩进）
ctrl+Y	ctrl+D	删除一行
shift+enter	shift+enter	重新开始一行（无论光标在哪个位置）

导航

Webstorm快捷键	Eclipse快捷键	说明
esc	esc	进入代码编辑区域
alt+F1	alt+F1	查找代码在其他界面模块的位置，颇为有用
ctrl+G	ctrl+L	到指定行的代码
ctrl+]/[	ctrl+]/[	光标到代码块的前面或后面
alt+up/down	ctrl+shift+up/down	上一个/下一个方法

整理参考：http://www.cr173.com/soft/130969.html，多谢分享！