Web脚本开发利器, WebStorm

    忙了一段项目上线，这两天抓紧时间补一下Node.js的学习内容。开发还是使用WebStorm来搞，下面主要介绍了一下这个IDE的几个亮点，对于web开发，确实是一大利器。

1.支持标签，自动闭合标签，数据源提示（如下图），id检测

2.支持html5标签

3.代码检测功能

4.代码优化提示功能

5.编码风格 例如输入div.feature>h4+p 再按tab建就会自动生成下面代码

<div class=”feature”>

<h4></h4>

<p></p>

</div>

6.显示当前元素的样式 点击右键选择下列菜单 效果如下

JavaScript

1.代码提示功能

2.代码本地化及查找功能，以及高亮显示相关使用地方

3.联动修改 例如tabs.js里定义了Downtabs 用户可以通过右键refactors来执行相应操作，重命名、移动、拷贝、安全删除、扩展类、直接引入代码。 如下图效果：

此时在extract中选择refactor->inline会生成如下代码：

4.javascript调试功能在火狐中，可以用firebug来调试。

5.支持框架jquery、yui、prototype、dojo、mootools、qooxdoo、bindows

还有很多很多的优点，例如代码格式化、体积小、自动保存、编辑后浏览器浏览缺点，目前发现的就一点不太好，自动生成idea文件夹，影响svn版本号

6.常用的webstorm快捷键

IntelliJ-Idea 的快捷键

Ctrl+/ 或 Ctrl+Shift+/	注释（// 或者/*…*/ ）
Shift+F6	重构-重命名
Ctrl+X	删除行
Ctrl+D	复制行
Ctrl+G	查找行
Ctrl+Shift+Up/Down	代码向上/下移动。
F2 或Shift+F2	高亮错误或警告快速定位
写代码，按Tab	生成代码
选中文本，按Ctrl+Shift+F7	高亮显示所有该文本，按Esc高亮消失。
Ctrl+B	快速打开光标处的类或方法
Ctrl+E	最近打开的文件
Alt+F1	查找代码所在位置
Ctrl+Alt+L	格式化代码
Ctrl+R	替换文本
Ctrl+F	查找文本
Ctrl+P	方法参数提示

参考地址:

1. http://www.jetbrains.com/webstorm/features/

2.《前端开发利器-WebStorm》