前端开发IDE.JS神器WebStorm 5详细介绍

从最初的dreamweaver,到Notpad++,再到aptana,每一款IDE总让我我感觉少了点什么东西。WebStorm却让我眼前一亮,虽然公司项目所用的开发环境是eclipse+aptana(主要是方便团队协作和工程调试),但是其他时间我都会学习使用WebStorm。

WebStorm有什么功能?

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

1、智能的代码补全:

支持不同浏览器的提示,还包括所有用户自定义的函数(项目中)

前端开发IDE.JS神器WebStorm 5详细介绍

前端开发IDE.JS神器WebStorm 5详细介绍

代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

2、代码格式化:

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

前端开发IDE.JS神器WebStorm 5详细介绍

3、代码编写中的html提示:

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

前端开发IDE.JS神器WebStorm 5详细介绍

而且html里面还能有js提示

前端开发IDE.JS神器WebStorm 5详细介绍

4、代码导航和用法查询:

只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义:

可以全项目查找函数或者变量,还可以查找使用并高亮:

前端开发IDE.JS神器WebStorm 5详细介绍

5、代码重构(这个操作有些像Resharper,熟悉Resharper的用户应该上手很快):

支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等,比如:

前端开发IDE.JS神器WebStorm 5详细介绍

内联变量重构之后变为:

前端开发IDE.JS神器WebStorm 5详细介绍

6、代码检查和快速修复:

可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复。

前端开发IDE.JS神器WebStorm 5详细介绍

7、代码调试:

前端开发IDE.JS神器WebStorm 5详细介绍

8、代码结构浏览:

可以快速浏览和定位

前端开发IDE.JS神器WebStorm 5详细介绍

9、代码折叠:

前端开发IDE.JS神器WebStorm 5详细介绍

10、包裹或者去掉外围代码:

前端开发IDE.JS神器WebStorm 5详细介绍

去掉之后就成了:

前端开发IDE.JS神器WebStorm 5详细介绍

怎么样,这些功能足够多了吧,其中的调试和重构包含了很多,这个还需要你来自己挖掘。

分类:默认分类 时间:2012-01-09 人气:1
本文关键词:
分享到:

相关文章

  • Webstorm常用快捷键备忘(Webstorm入门指南) 2013-12-21

    WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。百度百科 软件名称: JetBrains WebStorm(java、html5开发工具) v8.0.5 官方英文版 软件大小: 140.7MB 更新时间: 2014-10-01 现将最常用的快捷键挑出来备

  • WebStorm 自定义字体+颜色+语法高亮+导入导出用户设置 2013-12-26

    WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。 一个捷克公司开发的,功能虽然很强大,但UI貌似一直不是东欧人的强项。WebStorm默认的编辑器颜色搭配不算讲究,我看习惯了VS2012的Dark Theme,再看这个顿觉由奢入俭难,非得改改颜色才行。

  • Android Lint 去除重复资源 之 idea探究 2012-01-11

    Android Lint是很好的检查工具,可以帮助开发者检查很多问题,其中检查android项目重复的资源文件非常有用。 1、命令行下使用 Android Lint有很多命令,具体可以在网上查到。今天主要使用check,这个命令目的是只进行某个或某几个类型的检查,比如只检查无用的资源“lint --check UnusedResources ”。至于都有哪些类型的检查,可以输入命令"lint --list"来查看,也可以输入命令"lint --show"来查看详细介绍。我们也可以把结果保存成文件

  • 团队,不是 Idea 2012-02-11

      常常有人问我:Jamie,你都怎么评估一个 idea 可不可行?   这个问题的答案很简单,我不评估一个 idea 可不可行,我只评估这个团队能不能把他们的 idea 做出来。很多人以为创业的重点是「想」出好的 ideas,其实根本相反,创业的重点是永远都在「做」出一个更好的 idea — Facebook 已经有 8.5 亿使用者,人家还是两天一小改、叁天一大改。所以不能做出,不能持续改进东西的人,那去报名划船队比较快,别来创业了。   只要团队对了,你根本不需要评估 idea 可不可行。

  • 迈拓在日本发售超大容量300GB IDE硬盘 2012-03-04

    今天,Maxtor将在日本发售三款最新型硬盘产品,其中包括目前最大容量的IDE硬盘300GB的产品和串行ATA接口的最大容量200GB的硬盘产品。 型号为“5 A250J0 ”的超大容量硬盘产品 300 GB的产品为转速为5400 rpm的「Maxline 2」系列型号是5 A300J0 。除了有300GB的超大容量版外,另外还有250 GB容量的同型号产品一同发售。 6Y080M0 在迈拓推出的串行ATA接口的产品中,有容量为200 GB的版本和160GB的版本硬盘产品同时发售。在此之前,串行

  • Ideapad Y450自带壁纸软件Alive Idea Desktop 2012-03-11

      故障现象:   Alive Idea Desktop软件是ideapad Y450 Win7系统下的一款随机软件,它的主要作用是根据时间不同来调整计算机的壁纸,丢失后只有一键恢复才能找回,很不方便,本文附件中附带了此软件的安装包,如果需要可以直接下载安装。   解决方案:   壁纸主要有以下的六种表现形式:   早:   上午:   中午:   下午:   傍晚:   晚间:   夜间:   备注:   若该软件丢失,可尝试下载附件中的活动桌面插件查看效果。(需要.net Framework

  • 最另类的idea:皮带=移动电源? 2012-04-17

      如今市场上我们很容易见到另类的移动电源,为了就是让我们的爱机能够及时的处于正常运行的状态,无疑移动电源变成了手机的救命神药。但是有时候又大又重的移动电源真的会让我们忘记,而且还不是很方面。于是人么又脑洞大开,给出了一个新的idea——充电皮带Xoo Belt。这款移动电源是由爱尔兰的Nifty公司创新的。   Xoo Belt 外观上和普通皮带无异,内部储存的电量却不小:皮带扣上内置一个 800 mAh 的电池,另外还有 1300 mAh 的可弯曲锂陶瓷聚合物电池夹在皮带的两层皮革之间,加起

  • Mac版Intellij IDEA常用快捷键和配置 2012-06-01

    刚从eclipse转到Intellij IDEA,分享一些配置经验,IntelliJ IDEA作为最好的Java开发工具,在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、 创新的GUI设计等方面表现突出,并支持基于Android平台的程序开发。 intellij idea 常用快捷键mac版 command + N 查找类 command + shift + N 查找文件 alt + enter 快速import class alt + com

  • 文字大小妙主意-Font Size Idea 2012-07-15

    原文:《Font Size Idea: px at the Root, rem for Components, em for Text Elements》 作者:Chris Coyier,CSS-Tricks站长,Codepen站长 翻译:前端开发whqet,以意译为主,不当之处请大家批评指正。 一年多来,我总说:“rem真的很酷,我将用它定义所有东西,这样我们就可以通过调整根元素的文字大小(font-size),让所有东西进行缩放”,这是一个甜蜜的美梦,而且不是灾难。我在CSS-Tricks里

Copyright (C) quwantang.com, All Rights Reserved.

趣玩堂 版权所有 京ICP备15002868号

processed in 0.045 (s). 10 q(s)