Web脚本开发利器, WebStorm
2013-04-28 15:42
309 查看
忙了一段项目上线,这两天抓紧时间补一下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 的快捷键
参考地址:1. http://www.jetbrains.com/webstorm/features/2.《前端开发利器-WebStorm》
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 | 方法参数提示 |
相关文章推荐
- Web开发利器Webstorm导入多个文件夹或者项目
- Node.js开发利器Webstorm的按装和免费使用
- 2008年国外最佳Web设计/开发技巧、脚本及资源总结
- [Android & Web] 开发利器 - Fiddler
- 基于WEB应用开发的java程序员必备工具(脚本调试工具、java剖析工具) (转)
- WEB开发调试利器:DebugBar
- 【转载】前端开发利器webstorm3.0主题(theme)
- [Share]2008年国外最佳Web设计/开发技巧、脚本及资源总结
- 2008年国外最佳Web设计/开发技巧、脚本及资源总结
- jfinal下超爽的freemarker自定义标签,web开发的利器
- Web开发利器:Ruby on Rails
- SPRY框架,Web前端开发效率的利器
- Vaadin - 来自北欧的 Web 应用开发利器,第 1 部分: Vaadin 的基本概况和基础开发
- 快速web软件开发的利器,
- Firebug高级用法 - Web开发的利器
- js之WEB开发调试利器:Firebug 下载
- 前端开发利器webStorm配置使用
- FireFox的几个开发相关的利器插件 Extensions for Web Designers:
- JavaScript之WEB开发调试利器:Firebug