WebStorm for Mac是由jetbrains公司推出的一款非常实用的JavaScript开发工具，该款工具被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等，与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分功能。Webstorm Mac有着智能代码补全功能，支持不同浏览器的提示，并包括所有用户自定义的函数，且代码补全库中包含了目前所有流行的库，包括JQuery、YUI、Dojo、Prototype和Mootools and Bindows等。同时它还具有代码格式化、html提示、联想查询、代码重构、代码调试和代码结构浏览等优势功能。Webstorm Mac除了正常的JavaScript开发之外，还具有批量代码分析、编码语言混合或内混、拼写检查器和重复代码检测器等用途。新版全面支持AngularJS，其对流行框架提供高级支持，可智能提示AngularJS指令、controller和application names以及花括号里边的数据绑定。此外，WebStorm新版还全面支持Spy-js、多个插入符和选择，并新增Grunt控制台和Live控制台等。有需要的朋友快来下载体验吧！

【功能介绍】

　　智能的代码补全

　　支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)

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

　　代码格式化

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

　　代码格式化

　　html提示

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

　　代码编写中的html提示

　　联想查询

　　只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全项目查找函数或者变量，还可以查找使用并高亮。

　　代码重构

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

　　代码检查和快速修复

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

　　代码调试

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

　　代码结构浏览

　　可以快速浏览和定位

　　代码折叠

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

　　包裹或者去掉外围代码

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

【软件特色】

　　1、支持AngularJS

　　对流行框架提供高级支持。智能提示AngularJS指令（包括自定义指令），controller 和 application names以及花括号里边的数据绑定

　　2、支持Spy-js

　　JavaScript追踪变得简单。通过Spy-js你可以看到触发代码执行的事件的完整列表，然后帮你整理堆栈跟踪事件，并在源代码中突出显示

　　3、支持多个插入符和选择

　　现在WebStorm允许你把插入符放到多个位置，在这些位置你可以同时编辑代码，轻松地完成编辑和更换

　　4、内置Grunt控制台

　　通过Grunt控制台可以列出并定义grunt任务的完整列表， 双击可执行

　　5、集成Bower

　　集成Bower包管理器后，你可以更简单方便的在IDE中搜索、安装和管理客户端库和框架

　　6、JavaScript模块化

　　完善了对RequireJS和AMD的支持程度，基于requirejs.config实现了源码导航功能。并改善了对Harmony module loader的支持

　　7、Live控制台

　　在控制台中的JavaScript和Node.js的调试工具窗口现在可以作为一个shell提示符，并允许您执行命令和JavaScript代码

　　8、新增CucumberJS支持

　　WebStorm现在了解CucumberJS的语法，可以帮助您生成代码步骤定义。您可以在一个单一的点击开始测试，看到一个不错的结构化格式的测试结果，并轻松导航到测试源

【使用技巧】

　　1、收藏夹功能

　　当工程目录很庞大时，有些子目录很经常打开，但层级又很深，这时候可以把目录添加到收藏夹里面，添加成功后，左侧有个“Favorites”菜单

　　2、面包屑导航

　　除了左侧的工程页面，可以选择目录之外，在顶部菜单下有一个类似网站面包屑导航一样的目录也可以实现相同功。点击每个目录就会有下拉菜单显示其下的子目录，很实用.

　　3、构造器界面

　　注释符合格式的话就会出现。如果是js文件则是js类的函数和对象；css文件的话则是这个css文件的概括；html文件的话则是节点的结构图。话说这几个就是为了方便查看代码的结构性

　　4、todo界面

　　给代码加todo注释就会出现这个界面

　　5、双栏代码界面

　　右击代码选项卡上的文件，然后右键 - spilt vertically(左右两屏)或者spilt horizontally(上下两屏)

　　6、本地历史功能

　　找回代码的好办法