Netbeans 使用 Zen Coding 提高HTML+CSS编写效率

Netbeans 使用 Zen Coding 提高HTML+CSS编写效率

​​​​

Zen Coding

1.去这里​​下载​​​Netbeans的Zen Coding的插件（​​org-lorenzos-zencoding-0.9.nbm​​） 然后选中下载Zen Coding插件安装

3.重启动Netbeans。

这样就安装完成来了，在Netbeans>编辑中就会看到Zen Coding的以及级联的快捷键菜单了，新建一个html文件，输入：

link:css

然后快捷键 Ctrl+Alt+n是不是就自动完成了代码：

详细用法：

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 TagSplit/Join TagToggle CommentGo to Next / Previous Edit PointEvaluate Math ExpressionIncrement / Decrement number by 1 / 10 / 0.1

这里共享一份 ​​ZenCodingCheatSheet.pdf​​，让写HTML+CSS效率速度飞起来！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。