Windows下如何在Netbeans6.X中搞定Zen Coding

最新推荐文章于 2018-03-13 10:16:00 发布

原创最新推荐文章于 2018-03-13 10:16:00 发布 · 135 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Windows #Netbeans #Google #HTML

Zen Coding 专栏收录该内容

4 篇文章

订阅专栏

本文提供了一份详细的指南，教你如何在NetBeans IDE中安装Zen Coding插件，以便快速编写HTML代码。包括从下载插件到配置自定义快捷键的全过程，并附有图片说明，帮助用户轻松完成设置。

1、到[url]http://code.google.com/p/zen-coding/[/url]右边找到【NetBeans.Zen.HTML.1.2.zip】下载下来。(目前是这个版本)

想偷懒的话，下面是直接下载地址：
[url]http://code.google.com/p/zen-coding/downloads/detail?name=NetBeans.Zen.HTML.1.2.zip[/url]

2、【Netbeans】->【工具(T)】->【选项(O)】
[img]http://dl.iteye.com/upload/attachment/282121/74882412-18ca-3011-9e08-8c8bd9775cb3.jpg[/img]

3、【选项】窗口【左下角】，【导入】，导入刚才下载下来的【NetBeans.Zen.HTML.1.2.zip】文件，一路确定，重启Netbeans，OK了。
[img]http://dl.iteye.com/upload/attachment/282127/a7c5a11f-96ff-37dc-8b9c-887486ba89a0.jpg[/img]

4、如何查看什么是什么简写？
照法【2】打开【选项】窗口，打开【编辑器】页，【代码模板】选项卡中，【语言】下拉框中选【HTML】即可。你将看到数十个简写。
[img]http://dl.iteye.com/upload/attachment/282129/f79d12f2-0b61-31c3-9c7f-cfa50c2b5bf3.jpg[/img]

另外，需要注意的是：
上图最下方红色框【展开模板】那个下拉框中，你可以更改你所习惯的自动扩展快捷捷。

5、Zen Coding cheat sheet (PDF)
下载地址：[url]http://zen-coding.googlecode.com/files/ZenCodingCheatSheet.pdf[/url]

记不住了，就拿出来翻翻吧。

6、另外，这里有个视频介绍，可以看下哈：
【Zen Coding with Netbeans】
[url]http://vimeo.com/9117346[/url]