一直用Netbeans写代码,感觉很好用,Netbeans中编写HTML虽然有“组建模板”可以点击就生成HTML代码,但是感觉还是不够高效和全面,所以集成Zen Coding插件,那就爽歪歪了,Zen Coding 是一种快速编写HTML/CSS代码的方法,集成到Netbeans中很简单
Zen Coding
1.去这里下载Netbeans的Zen Coding的插件(org-lorenzos-zencoding-0.9.nbm) https://github.com/lorenzos/ZenCodingNetBeansPlugin#readme
2.打开Netbeans>工具>选项>插件>已下载>添加插件 然后选中下载Zen Coding插件安装
3.重启动Netbeans。
这样就安装完成来了,在Netbeans>编辑中就会看到Zen Coding的以及级联的快捷键菜单了,新建一个html文件,输入:
link:css
然后快捷键 Ctrl+Alt+n是不是就自动完成了代码:
<link rel=”stylesheet” type=”text/css” href=”${1:style}.css” media=”all” />
详细用法:
Expand abbreviation
Fill a HTML/CSS code line with Zen syntax, then press CTRL+ALT+N
, or click the toolbar button, or go to menu Edit > Zen Coding > Expand Zen code, or press Alt+Insert
and choose Expand Zen Code.
Match Pair
Just press CTRL+ALT+M
or go to menu Edit > Zen Coding > Match Pair.
Wrap with Abbreviation
Select something, press CTRL+ALT+W
or go to menu Edit > Zen Coding > Wrap with Abbreviation, then insert a Zen code abbreviation in the input popup.
Merge Lines
Select multiple lines, then press CTRL+ALT+L
or go to menu Edit > Zen Coding > Merge Lines.
Also available in the Edit > Zen Coding menu:
- Remove Tag
- Split/Join Tag
- Toggle Comment
- Go to Next / Previous Edit Point
- Evaluate Math Expression
- Increment / Decrement number by 1 / 10 / 0.1
这里共享一份 ZenCodingCheatSheet.pdf,让写HTML+CSS效率速度飞起来!
分享到:
相关推荐
Netbeans 使用 Zen Coding 提高HTML+CSS编写效率
在Netbeans中使用Struts2.0+Spring2.5+Hibernate框
Zen Coding NetBeans插件该插件已弃用,不再进一步开发。 请改为将 。 为NetBeans中HTML / CSS 提供支持。 CSS缩写在 , 和SASS文件中也得到了扩展。 在此处下载插件: 。安装在 下载插件。 打开NetBeans IDE(6.9.1...
Netbeans环境下使用GTK+. Netbeans环境下使用GTK+.
NetBeans+IDE+使用说明和示例教程.pdf
用NetBeans建立工程,采用maven实现自动加载和部署。SpringMVC+mybites框架实现了Mysql数据库增删改查基本功能。练习上手的案例。另外集成了Junit和Log4j的使用。
netbeans+JAVADB 试题管理系统 程序+数据库+文档 javaDB netbeans jdbc jsf div/css+javascript 三层结构 servlet entitybean managedbean 登录验证 权限选择。
netbeans的小项目实例(初学可用)要数据库的发邮件: supermichaelybs@sina.com
NetBeans+Tomcat+MySQL配置
NetBeans是新近流行的一款堪与Eclipse媲美的IDE,有Sun的支持。下面是NetBeans使用教程入门篇。
基于netbeans开发的员工工资管理系统,包含设计文档。 开发环境:netbeans6.5 + SQL Server 2000 + JDK1.6 内附有使用说明。
NetBeans使用手册.pdf,有兴趣的朋可以参考一下,很有用的。
51CTO下载-NetBeans+IDE+使用说明和示例教程.docx
在基于J2EE 技术的三层架构软件开发过程中,大部分程序员比较习惯于所谓 的SSH 架构,即Struts+Spring+Hibernate。其中Struts 框架负责...笔者以一个实际的从数据库里查询的例子来演示一下JSF+Tomahawk框架 的使用。
基于JSP+JavaBean+Servlet+Ajax+Mysql的增删查改完整例子,ajax异步检测验证码,数据库是否存在
语言程序设计资料:NetBeans使用教程.doc
基于netbeans+javafx+fxml的基本控件的使用-tableview,listview,treeview,treetableview,webview
如何使用NetBeans编译Java程序.
简单的图书馆管理系统,有管理员和用户两种角色,管理员可以对图书上架,修改和删除,也可以对用户进行添加删除。用户可以查看自己的借阅记录,修改自己的密码
netbeans使用方法,里边是学习java时使用netbeans的心得,经验之谈。