PHPStorm 学习–Zen coding

1. 什么是zen coding?

html写起来真的很烦,标签要闭合,能不烦吗?如果能缩写一下该多好啊!

比如:

可以解释为:

既能表达语义,又能少些很多字符,尖括号都省完了;是的,zen coding就是这么一个东西,她定义了一套新的简洁的语法,现在很多编辑器都可以通过安装插件的方式来支持这种写法了。

http://code.google.com/p/zen-coding/

2. 如何在PHPStorm中使用zen coding?

打开一个html文件,输入:  div#name 紧接着按tab键,是不是看到生成了对应的html了?没有?那就看看设置吧:

http://www.jetbrains.com/phpstorm/webhelp/zen-coding-support.html

关于更多语法,参考:

http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn

 

 

留下评论

邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据