Web脚本开发利器, WebStorm
来源:互联网 发布:淘宝卖家折扣设置 编辑:程序博客网 时间:2024/06/06 09:12
忙了一段项目上线,这两天抓紧时间补一下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》
- Web脚本开发利器, WebStorm
- 前端开发利器webStorm配置使用
- Web开发利器 IEDevToolBar
- web app开发利器
- Web前端开发神器Webstorm
- Web前端开发神器-WebStorm
- [转]前端开发利器webStorm 3.0配置使用
- WebStorm 7.0 发布,智能HTML/CSS/JS开发利器
- Intellij或webstorm 开发 nodejs脚本
- WEB开发调试利器:Firebug
- web开发的利器Bracket
- Web开发利器-Fiddler简介
- web前端开发神器WebStorm编辑器
- Web Developer -- Web开发的绝对利器
- xfire--开发WEB SERVICE的又一利器
- JavaScript之WEB开发调试利器:Firebug
- Web开发利器——IEDevToolBar
- 快速web软件开发的利器,
- maven的基本原理和maven2的新特性
- [win32] Winsock 中应使用 DisconnectEx 关闭连接
- SAP HANA列存储懒加载(SAP HANA Lazy Loading for column store)
- 线性方程组算法(C语言)
- 矩阵连乘算法思想
- Web脚本开发利器, WebStorm
- OGRE代码学习——场景查询
- Informatica bulk和normal模式
- eval
- PHP框架学习错误总结
- Android基于XMPP Smack Openfire开发IM【四】初步实现两个客户端通信
- OpenCV的IplImage与BMP相互转换
- Oracle初体验
- Struts2框架简单的AJAX应用