WebStorm 11汉化版

WebStorm 11汉化版是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

WebStorm 11汉化版功能

· 基于DOM，特定浏览器完成[1]

· 编码导航和用法查询[2]

· 支持ECMAScript

· 支持CoffeeScript

· 支持结点

· JavaScript重构

· JavaScript单元测试

· 代码检测和快速修复

· JSLint/JSHint

· 基于 Mozilla的JavaScript调试器

WebStorm 11汉化版激活汉化

1、解压压缩包，双击“WebStorm-11.0.3.exe”程序进行安装

2、安装完成后勾选“Run WebStorm”，点击“Finish”

3、新弹出的弹框默认选择，点击“OK”

4、在新弹出的窗口中点选“License server”，并在下面的输入框中输入“http://idea.imsxm.com”，然后点击“OK”即可激活成功

5、将解压包中的“resources_cn.jar”文件复制进WebStorm 11.0.3安装目录下的lib目录中即可汉化成功

WebStorm 11汉化版使用指南：

首先看看WebStorm和其他的IDE相比有什么特别之处。

1) 自动保存，不需要你一次又一次地ctrl+s啦，所有的操作都直接存储，当然，万一键盘误操作也会被立即存储，不过我们可以通过本地版本控制解决这个问题。

2) 任何一个编辑器只要文件关闭了就没有历史记录了，但是webstorm有。就是说，只要webstorm不关闭，你的文件随时可以返回到之前的操作，webstorm关闭重启后这些历史记录就没有了。这样的坏处也是显然的，由此带来的内存消耗也必然比较大。

3) 任何一个编辑器，除了服务器svn之外，没有本地版本，但是webstorm提供一个本地文件修改历史记录。

4) 与时俱进的眼光。zencoding于2009年出现于it界，在这之后，鲜有工具直接集成到里边。webstorm 2.0之后就集成了。node.js,html5,git,cvs等 就不一一列举了。

5)提供的插件也是比较齐全，安装非常方便。这样带来了另外的问题，以前的eclipse是安装第三方的，webstorm貌似不能安装第三方的插件。

6) 可以导出当前设置：File -> Export setting。

接下来是配置和使用：

1） 主题，把下载好的主题包放在C:Usersjikey(用户名).WebIde10configcolors目录下，然后重启webstorm，settings –> colors & fonts –>scheme name中选择主题名。

如果出现特别长代码对齐白线，在Editor –> Appearance –> Show vertical indent guides 前面的勾去掉即可。

2） 添加VIM插件：

File -> Settings -> Plugins -> Browse repositories -> 搜索vim，对它单击右键Download and install，然后重启IDE就可以了。

3） 除了webstorm之外，此公司还提供另外一个针对phper的开发工具,phpStorm，主页上说明，phpstorm包括所有webstorm的功能。但是习惯于大括号去方法名在同一行显示，所以还得配置：

File -> Settings -> code style -> PHP -> Wrapping and Braces -> Braces placement ->

In method declaration : End of line.

4） zencoding默认的快捷键是Tab，如果你需要修改zencoding快捷键的话：File -> Setting -> Live Templates 。

5） 在开发js时发现，需要ctrl + return 才能选提示候选项，又需要配置：File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion:’Smart’ 改为 Always

6） 注意的地方是：Webstorm的调试不支持中文路径中文文件名。

下面是Webstorm的一些常用快捷键：

1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。

2. ctrl + j: 输出模板

3. ctrl + b: 跳到变量申明处

4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)

5. ctrl + []: 匹配 {}[]

6. ctrl + F12: 可以显示当前文件的结构

7. ctrl + x: 剪切(删除)行，不选中，直接剪切整个行，如果选中部分内容则剪切选中的内容

8. alt + left/right:标签切换

9. ctrl + r: 替换

10. ctrl + shift + up: 行移动

11. shift + alt + up: 块移动(if(){},while(){}语句块的移动)

12. ctrl + d: 行复制

13. ctrl + shift + ]/[: 选中块代码

14. ctrl + / : 单行注释

15. ctrl + shift + / : 块注释

16. ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息

17. ctrl + '-/+': 可以折叠项目中的任何代码块，它不是选中折叠，而是自动识别折叠。

18. ctrl + '.': 折叠选中的代码的代码。

19. shift + esc: 当前激活的任意小窗口最小化，也可以是alt+数字键，数字在小窗口有显示。

20. alt + '7': 显示当前的函数结构。

21. 如果是*.html页面，则在文件名下的导航栏某DOM结构上右键，可以全选当前DOM结构。