nodpad++

Notepad++配置Zen Coding

我怕爱的太早我们不能终老 提交于 2019-12-10 17:29:26
为Notepad++安装 Zen Coding 插件 下载 Zen.Coding 解压 将解压所得的文件放入 Notepad++ 程序的安装目录下的plugins文件夹。 重启Notepad++,即可开始使用 Zen Coding。 Zen Coding 用法 首先,我们先学习一下 Zen Coding 的缩写规则 (其实就是CSS选择器) E 元素名 (div, p); E#id 带id的元素 (div#content, p#intro, span#error); E.class 带class的元素 (div.header, p.error.critial). id 和 class 可以连写,如: div#content.column.width; E>N 子元素 (div>p, div#footer>p>span); E+N 兄弟元素 (h1+p, div#header+div#content+div#footer); E*N 多项元素 (ul#nav>li*5>a); E$*N 带序号的元素 (ul#nav>li.item-$*5); 接下来,我们来熟悉 Zen Coding for Notepad++ 的快捷键,也是 Zen Coding 的精髓 【Ctrl+E】 展开缩写(Expand Abbreviation) 比如写下 div#page>div.logo+ul>li