什么是我对Javascript IDE选择的标准?
◆ 快速智能的代码提示(全项目的)和补全
◆ 支持重构
◆ 支持代码格式化细节的自定义
◆ 良好的编辑体验(如快速定位最近的编辑、快速查看代码结构及定义等)
◆ 轻量、快速
◆ 便于调试
WebStorm是什么?
WebStorm是JetBrains的一个专门为Web开发人员设计的IDE,JetBrains大家应该不陌生,Resharper、IntelliJ IDEA等都是出自这个公司。
JetBrains给WebStorm下的定义是:The smartest Javascript IDE。敢这么说,肯定是有两把刷子。但是要注意,这个IDE不是免费的,不过大家都知道应该怎么做的~~
WebStorm有什么功能?
下面我把WebStorm的功能大致罗列一下(这里只说Javascript编辑的功能,其他的html和css之类的大家自己发掘,记得WebStorm可是支持Zencoding的哟,帅~):
1、智能的代码补全:
支持不同浏览器的提示,还包括所有用户自定义的函数(项目中)
![](https://i-blog.csdnimg.cn/blog_migrate/fa1738265dfe06283b538dba1fa565bc.png)
![](https://i-blog.csdnimg.cn/blog_migrate/86668a66ee38c58283ec5918eaa4cca9.gif)
代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
2、代码格式化:
代码不仅可以格式化,而且所有规则都可以自己来定义:
![](https://i-blog.csdnimg.cn/blog_migrate/4430162ef1d03ae909e90ffd3565e613.gif)
3、代码编写中的html提示:
大家经常在js代码中编写html代码,一般来说十分痛苦,不过有了智能提示,就爽多了。
![](https://i-blog.csdnimg.cn/blog_migrate/ad78ff065cbd817fa0be3b297983cfe5.png)
而且html里面还能有js提示
![](https://i-blog.csdnimg.cn/blog_migrate/88e767be9fae55f2731dc84c2adcd86c.png)
4、代码导航和用法查询:
只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义:
![](https://i-blog.csdnimg.cn/blog_migrate/14de271a9cbabcbe6efe593efbf77a84.png)
可以全项目查找函数或者变量,还可以查找使用并高亮:
![](https://i-blog.csdnimg.cn/blog_migrate/e1e1906b644723aa2dda8b3f71f2b52a.png)
5、代码重构(这个操作有些像Resharper,熟悉Resharper的用户应该上手很快):
支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等,比如:
![](https://i-blog.csdnimg.cn/blog_migrate/389565861ea075234b8cbf6bfa099d13.png)
内联变量重构之后变为:
![](https://i-blog.csdnimg.cn/blog_migrate/f7ead0bb952317710a3bf2b1b07261c8.png)
6、代码检查和快速修复:
![](https://i-blog.csdnimg.cn/blog_migrate/2659faba89cd04d75aef62b06408a65a.png)
可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复。
![](https://i-blog.csdnimg.cn/blog_migrate/08f452cccd6bb6a3d83aea9b3a5fa3d2.png)
7、代码调试:
![](https://i-blog.csdnimg.cn/blog_migrate/b07129e7337c9fa01616b3f31d1c7679.png)
8、代码结构浏览:
可以快速浏览和定位
![](https://i-blog.csdnimg.cn/blog_migrate/989a5c19b46d286671d80989cdd5a105.gif)
9、代码折叠:
![](https://i-blog.csdnimg.cn/blog_migrate/2cb1c3e7b4aa7f4598153d39646fbd15.gif)
10、包裹或者去掉外围代码:
![](https://i-blog.csdnimg.cn/blog_migrate/63ddac659610bd8527e36d7e6785a045.png)
去掉之后就成了:
![](https://i-blog.csdnimg.cn/blog_migrate/bccb0ad32d86d58f96de7da2a9562640.png)
怎么样,这些功能足够多了吧,其中的调试和重构包含了很多,这个还需要你来自己挖掘。
怎样获得WebStorm?
WebStorm现在的最新版本是2.1.5,官方下载地址是:用力点我下载,这是30天的试用版,不过你知道怎么做的(试试点我)
估计马上,应该是年底之前,3.0就要出来了。
还有哪些其他功能?
WebStorm还有很多的功能等待挖掘,比如支持所有主流的版本控制,比如svn、git、cvs等;支持FTP的项目,并能自动同步;支持HTML5、Zencoding等等。
原文:http://www.cnblogs.com/jnoodle/archive/2011/11/15/2250041.html