WebStorm是什么
WebStorm 是 jetbrains 公司旗下一款 JavaScript 开发工具。已经被广大中国 JS 开发者誉为“Web 前端开发神器”、“最强大的 HTML5 编辑器”、“最智能的 JavaScript IDE”等。与 IntelliJ IDEA 同源,继承了 IntelliJ IDEA 强大的 JS 部分的功能。
功能
JavaScript
· 基于 DOM,特定浏览器完成
· 编码导航和用法查询
· 支持 ECMAScript
· 支持 CoffeeScript
· 支持结点
· JavaScript 重构
· JavaScript 单元测试
· 代码检测和快速修复
· JSLint/JSHint
· 基于 Mozilla 的 JavaScript 调试器
其他用途
· 批量代码分析
· 编码语言混合或内混
· 拼写检查器
· 重复代码检测器
编辑语言
· 支持 HTML5
· css/js
· 检验和快速修复
· Zen 编码
· 显示内容
· 显示应用的风格
便捷的环境
· HTML5 样本文件和其他 Web 应用程序模板
· FTP 和远程文件同步
· 集成了版本控制系统
· 本地记录
优势功能
智能的代码补全
支持不同浏览器的提示,还包括所有用户自定义的函数(项目中)
代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
代码格式化
代码不仅可以格式化,而且所有规则都可以自己来定义
html 提示
大家经常在 js 代码中编写 html 代码,一般来说十分痛苦,不过有了智能提示,就爽多了。而且 html 里面还能有 js 提示。
联想查询
只需要按着 Ctrl 键点击函数或者变量等,就能直接跳转到定义;可以全项目查找函数或者变量,还可以查找使用并高亮。
代码重构
这个操作有些像 Resharper,熟悉 Resharper 的用户应该上手很快,支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。
代码检查和快速修复
可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复。
代码调试
支持代码调试,界面和 IDEA 相似,非常方便。
代码结构浏览
可以快速浏览和定位
代码折叠
功能虽小,不过胜在方便高效
包裹或者去掉外围代码
自动提示包裹或者去掉外围代码,一键搞定