notepad++中emmet插件的使用

最新推荐文章于 2024-06-14 02:02:23 发布

weixin_34072637

最新推荐文章于 2024-06-14 02:02:23 发布

阅读量132

点赞数

文章标签： xhtml python 开发工具

原文链接：https://my.oschina.net/machell/blog/1648512

版权

2019独角兽企业重金招聘Python工程师标准>>>

Emmet 的前身就是 Zen Coding

它是一组专门用来提高书写HTML和CSS代码速度的便利工具。将它整合进文本编辑器，可以提供一些功能和快捷方式，加快开发速度。提供包括Eclipse、IDEA、UltraEdit、SlickEdit的插件。

1.notepad++中安装emmet插件

2.设置快捷键

3.具体书写规则参考

div#head>ul>li*10>a.item

然后使用Ctrl+E 快捷键生成代码片段

常用缩写：

html:4t (HTML 4.01 Transitional) 
html:4s (HTML 4.01) 
html:xt (XHTML 1.0) 
html:xs (XHTML 1.0 Strict) 
html:xxs (XHTML 1.1) 
html:5 (HTML5) 
 
meta:utf, meta:compat 
style, link:css, link:print, link:favicon, link:rss, 
script, script:src 
 
div, p, a, ul, ol, input:t, input:r 
 
ol+, dl+, table+, tr+, select+, map+, optg+ 
 
cc:ie6, cc:ie, cc:noie

参考资料

http://www.cnblogs.com/cobby/archive/2012/05/09/2492473.html

https://www.w3cplus.com/tools/emmet-cheat-sheet.html

http://www.qianxingzhem.com/post-1940.html

转载于:https://my.oschina.net/machell/blog/1648512