WebStorm前端开发工具

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、入门需要配置，对中文用户来说，对英文的不熟悉造成了配置的障碍。其实也不是很复杂的过程，基础的配置看看入门教程，基本都能搞得定。