WebStorm前端开发工具
WebStorm前端开发工具
一、WebStorm功能
1、JavaScript
· 基于DOM，特定浏览器完成
· 编码导航和用法查询
· 支持ECMAScript
· 支持CoffeeScript
· 支持结点
· JavaScript重构
· JavaScript单元测试
· 代码检测和快速修复
· JSLint/JSHint
· 基于 Mozilla的JavaScript调试器
2、其他用途
· 批量代码分析
· 编码语言混合或内混
· 拼写检查器
· 重复代码检测器
3、编辑语言
· 支持HTML5
· css/js
· 检验和快速修复
· Zen编码
· 显示内容
· 显示应用的风格
4、便捷的环境
· HTML5样本文件和其他Web应用程序模板
· FTP和远程文件同步
· 集成了版本控制系统
· 本地记录
二、WebStorm优点
1、用户体验做到极致，基本常用的功能都有集成。有几点是创新的：编辑即保存(代替Ctrl+s)，本地历史版本，插件的整合开发，推出多个语言的通用版，比如以WebStorm为核心，周边有IntellIDEA，PhpStorm, Pycharm, RubyMine等等，都有操作可相似性，有统一公司的基因，可以无缝切换，学习成本很低。
2、插件丰富且质量较优
3、版本开发的支持 svn,git,csv,github,p4，集成以图形化方式可操作git。
4、友好的ftp管理
5、超强的模板支持
6、版本升级够快，新技术支持给力 html5, TypeScript, CoffeeScript,Dart,Sass,Less,Stylus,Nodejs
7、智能的代码补全
支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)
代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
8、代码格式化
代码不仅可以格式化，而且所有规则都可以自己来定义
9、html提示
大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。
10、联想查询
只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全项目查找函数或者变量，还可以查找使用并高亮
11、代码重构
这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。
12、代码检查和快速修复
可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。
13、代码调试
支持代码调试，界面和IDEA相似，非常方便。
14、代码结构浏览
可以快速浏览和定位
15、代码折叠
功能虽小，不过胜在方便高效
16、包裹或者去掉外围代码
自动提示包裹或者去掉外围代码，一键搞定
三、WebStorm缺点
1、英文版本，对有些深度中文用户来说，这个确实是个障碍。
2、由于提供的功能比较强大，所以内存开销很大，对硬件的配置有一定要求。
3、版本更新太快，诱使用户不断的去升级。而对一般用户，开发的真正核心是语言，开发真正的价值是解决核心的需求。所以，在这方面不用过于纠结。
4、入门需要配置，对中文用户来说，对英文的不熟悉造成了配置的障碍。其实也不是很复杂的过程，基础的配置看看入门教程，基本都能搞得定。