一直用 Netbeans 写代码,感觉很好用,Netbeans 中编写 HTML 虽然有“组建模板”可以点击就生成 HTML 代码,但是感觉还是不够高效和全面,所以集成 Zen Coding 插件,那就爽歪歪了,Zen Coding 是一种快速编写 HTML/CSS 代码的方法,集成到 Netbeans 中很简单

Zen Codin

这样就安装完成来了,在 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 Tag
  • Split/Join Tag
  • Toggle Comment
  • Go to Next / Previous Edit Point
  • Evaluate Math Expression
  • Increment / Decrement number by 1 / 10 / 0.1

转载请注明: 转载自Ryan 是菜鸟 | LNMP 技术栈笔记

如果觉得本篇文章对您十分有益,何不 打赏一下

谢谢打赏

本文链接地址: Netbeans 使用 Zen Coding 提高 HTML+CSS 编写效率

知识共享许可协议 本作品采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可