最近同事推荐了一一款前端开发工具webstorm,使用了一下,便深深被吸引住了,抛弃之前一直使用的editplus,改用webstorm。花费一下午时间简单翻译了下官方文档上的特性说明。javascript
HTML/HTML5/CSShtml
1.支持标签,自动闭合标签,数据源提示(以下图),id检测前端
2.支持html5标签html5
3.代码检测功能java
4.代码优化提示功能jquery
5.zen 编码风格 例如输入div.feature>h4+p 再按tab建就会自动生成下面代码web
<div class="feature">浏览器
<h4></h4>安全
<p></p>框架
</div>
6.显示当前元素的样式 点击右键选择下列菜单 效果以下
JavaScript
1.代码提示功能
2.代码本地化及查找功能,以及高亮显示相关使用地方
3.联动修改 例如tabs.js里定义了Downtabs 用户能够经过右键refactors来执行相应操做,重命名、移动、拷贝、安全删除、扩展类、直接引入代码(inline 不知道怎么表达) 以下图效果:
此时在extract中选择refactor->inline会生成以下代码:
4.javascript调试功能在火狐中
5.支持框架jquery、yui、prototype、dojo、mootools、qooxdoo、bindows
还有不少不少的优势,例如代码格式化、体积小、自动保存、编辑后浏览器浏览缺点,目前发现的就一点不太好,自动生成idea文件夹,影响svn版本号
上面这个主题能够经过如下方式下载:
把grey_orange.rar解压后放到:
C:\Documents and Settings\Administrator\.WebIde10\config\colors
目录下,而后重启webstorm,settings –> colors & fonts –>scheme name中选 择grey_orange字体(font):yihei Consolas size: 12 line spaceing:1.2
若是出现特别长代码对齐白线,在Editor –> Appearance –> Show vertical indent guides 前面的勾去掉便可。
转载请注明转自《前端开发利器-WebStorm》
参考地址:http://www.jetbrains.com/webstorm/features/
文章转载:http://www.lovesunlife.com/?p=68