WebStorm 12官方版

WebStorm 12官方版是一款商业的 JavaScript 开发工具，WebStorm 12官方版主要基于DOM和特定浏览器而完成，可进行编码导航和用法查询，支持ECMAScript、CoffeeScript和结点等，可对代码进行检测和快速修复，被广大中国JS开发者誉为“Web前端开发神器，而WebStorm 12官方版是Jetbrains公司最新推出的EAP版本，WebStorm 12官方版重点是将Java升级到了8版本，还强化了一些代码的调试和智能的接口等相关功能的更新，所以使用起来会更方便一些。

WebStorm 12官方版功能特点

1、智能的代码补全

支持不同浏览器的提示，还包括所有用户自定义的函数。

代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

2、代码格式化

代码不仅可以格式化，而且所有规则都可以自己来定义

3、html提示

大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。

4、联想查询

只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全代码导航和用法查询

项目查找函数或者变量，还可以查找使用并高亮。

5、代码重构

这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。

6、代码检查和快速修复

可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。

7、代码调试

支持代码调试，界面和IDEA相似，非常方便。

8、代码结构浏览

可以快速浏览和定位

9、代码折叠

功能虽小，不过胜在方便高效

10、包裹或者去掉外围代码

自动提示包裹或者去掉外围代码，一键搞定。

WebStorm 12官方版破解教程

1、首先安装----------省略

2、将里面的jar文件复制到webstorm安装目录bin下如:D:Program Files (x86)JetBrainsWebStorm 2016.1.1bin

PS：一定要把这个jar复制到这个目录 不能进行后面操作启动不起来。

3、修改webstorm安装目录bin文件下的WebStorm.exe.vmoptions和WebStorm64.exe.vmoptions 其实是一个文件 一个32位一个64位的。

4、打开这个文件 ，然后在最上面加一行代码 （-javaagent:D:Program Files (x86)JetBrainsWebStorm 2016.1.1binJetbrainsCrack-2.5.3.jar）

-javaagent:固定不变 后面就是你刚下载的jar破解文件存放路径我的就是D:Program Files (x86)JetBrainsWebStorm 2016.1.1binJetbrainsCrack-2.5.3.jar

5、最简单一步了 注册时随便填个数字就OK了 如：

WebStorm 12官方版使用方法

配置和使用：

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的调试不支持中文路径中文文件名。

由于软件的使用方法特别简单，就一个编辑框，此处小编提供给大家一些常用快捷键。

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结构。