codetc - 网站开发技术 首页 前端 查看内容

前端开发神器——WebStorm开发工具的介绍

2015-1-7 12:49| 发布者: CODETC| 查看: 4667| 评论: 0

之前我们有介绍过另外一款非常强大、好用的开发工具Sublime Text,然而现在这里介绍的是另一款针对前端开发的神器 —— WebStorm。WebStorm是JetBrains的一个专门为Web开发人员设计的IDE,JetBrains给WebStorm下的定义是:The smartest Javascript IDE。敢这么说,肯定是有两把刷子。但是要注意,这个IDE不是免费的,也不会像Sublime Text那样可以无限期试用,不过如果大家想要用的话,相信你们都知道应该怎么做的~~

WebStorm功能介绍

下面我把WebStorm的功能大致罗列一下(这里只说Javascript编辑的功能,其他的html和css之类的大家自己发掘,记得WebStorm可是支持Zencoding的哟)

1、智能的代码补全:
支持不同浏览器的提示,包括所有用户项目中自定义的函数。
代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

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

3、代码编写中的html提示:
大家经常在js代码中编写html代码,一般来说十分痛苦,不过有了智能提示,就爽多了

而且html里面还能有js提示


4、代码导航和用法查询:
只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义位置,可以全项目查找函数或者变量,还可以查找使用并高亮

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

6、代码检查和快速修复(与eclipse相似):
可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复。

7、代码调试:
Javascript的调试往往很烦人,但这款开发工具可以对JS进行断点调试,极其方便开发、查错

8、代码结构浏览:
可以浏览整个文件中的代码结构,快速定位

9、代码折叠:
当类过大,方法过长时,代码折叠可以提高阅读效率,看着更舒服

10、包裹或者去掉外围代码:
选中某区域代码后,可智能识别外围包裹代码,比如:if、for、while之类,可方便地去掉

除了上面介绍的功能外,WebStorm还有很多的功能等待挖掘,比如支持所有主流的版本控制,比如svn、git、cvs等;支持FTP的项目,并能自动同步;支持HTML5、Zencoding等等。
文章来源 CODETC,欢迎分享,转载请注明地址: http://www.codetc.com/article-114-1.html

最新评论

 作为游客发表评论,请输入您的昵称

返回顶部