JetBrains旗下的JavaScript集成开发工具新版本—
WebStorm 2016.1已正式发布,本次更新为 JavaScript 以及 TypeScript 在编辑和重构上带来更出色的体验,并提升了IDE内的调试功能。另外,新版还支持 jspm 导入、在编辑器中支持英文连体字体、优化对使用VCS 补丁包的支持等。
WebStorm 2016是一款功能出色的JavaScript开发工具,同时也被广大中国JS开发者誉为“Web前端开发神器”。软件基于DOM和特定浏览器而完成,完全具备与Node.js的复杂的客户端开发和服务器端开发,支持ECMAScript、CoffeeScript和结点等,可对代码进行检测和快速修复。

功能功能:
1、JavaScript
· 基于DOM,特定浏览器完成
· 编码导航和用法查询
· 支持ECMAScript
· 支持CoffeeScript
· 支持结点
· JavaScript重构
· JavaScript单元测试
· 代码检测和快速修复
· JSLint/JSHint
· 基于 Mozilla的JavaScript调试器
2、其他用途
· 批量代码分析
· 编码语言混合或内混
· 拼写检查器
· 重复代码检测器
3、编辑语言
· 支持HTML5
· css/js
· 检验和快速修复
· Zen编码
· 显示内容
· 显示应用的风格
4、便捷的环境
· HTML5样本文件和其他Web应用程序模板
· FTP和远程文件同步
· 集成了版本控制系统
· 本地记录
软件特色:
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。
WebStorm配置和使用:
1) 主题,把下载好的主题包放在C:\Users\jikey(用户名)\.WebIde10\config\colors目录下,然后重启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结构。
WebStorm 2016安装破解教程:
1、解压下载后的压缩包,找到“WebStorm-2016.1.1.exe”,双击运行。

2、选择安装文件夹路径。

3、选择有关的文件类型,任意选择即可,以后还可以更改,之后点击"next"即可。

4、等待安装完成

5、之后打开浏览器输入“http://idea.lanyus.com/”,点击获取注册码,如下图所示。

6、复制对话框中的Clion 2016注册码。

7、以记事本方式打开C:\Windows\System32\drivers\etc目录下的“hosts”,将“0.0.0.0 account.jetbrains.com”添加到hosts文件中,然后保存退出

8、之后打开WebStorm 2016,点击“Activation code”,将复制的注册码,粘贴到如下图所示的注册码框中,之后点击OK即可。

9、软件默认为英文界面,关闭软件,然后解压WebStorm 2016汉化包,将汉化文件“resources_cn.jar”复制到安装目录lib文件夹下即可,默认目录为C:\Program Files (x86)\JetBrains\WebStorm 2016.1.1\lib

WebStorm 2016新功能
本次更新的亮点有:·提前支持即将发布的 TypeScript 2.0 功能。
·改进对 React 的支持:为使用 PropTypes 定义的组件属性提供代码辅助、支持非 DOM 属性和生命周期方法。
·与 Angular CLI 集成:包含支持创建新项目和 Angular 2 代码段集合。
·为升级到 ECMAScript 6 添加相关的新意图:转换为 arrow 函数( Convert to arrow function )和转换为 const 或 let ( Convert to const or let )。
·ECMAScript 6 和 TypeScript 支持上的改进:增加了更好的重构选项-针对未使用导入(Unused imports)检查和优化导入(Optimize imports)的重构。
增·强 Angular2 支持:代码撰写编写协助,包括事件和属性绑定、在任何数据绑定中提供代码完成辅助、自定义事件处理程序的代码提示,以及其他更多功能支持。
·支持调试异步客户端代码、ES6中的箭头函数(arrow function)、 Web Worker 以及 Service Worker。
·在 WebStorm 内直接连到 Vagrant box 或远程机上运行并调试 Node.js 应用程序。
·其它值得一提的更新包括支持 AngularJSui-router,CSS 自定义属性,在IDE中运行和调试Electron应用程序,支持 JSON Schema 格式以提供更聪明的编码协助,新增“转换字符串为模板字符串”意向(Convert string to template string)。