你所选择的标签为: Emmet

Emmet LiveStyle 介绍和使用方法

08

September

2013

想必听到Emmet(原名:Zen coding)都不太会陌生,它是个能够帮助开发人员高效和快速编写HTML和CSS的插件。

而这次的Emmet LiveStyle,则是个提供“样式实时预览”插件,最大好处就是方便了我们对页面的调试。

不过Emmet LiveStyle目前处于公测阶段,暂时只支持Chrome和Safari浏览器与Sublime Text 2/3的双向修改。并且在官网中提到,它并免费使用,而是有偿使的,即正式版出来后会收费(但相信这个问题难不倒"天朝"...你懂的...)

Emmet LiveStyle的特点:
1. 即时更新(不会重新加载页面,样式修改以后无需保存也能预览);;
2. 多个页面同时预览(例:同时打开多个页面,并且关联到相同的CSS,此时修改该CSS,这些页面都能即时显示修改内容);
3. 双向修改(在Chrome开发者工具和Sublime Text中,只要有一处修改,两个工具的样式都会更改。)
4. 便捷的安装和使用。 [ 查看全文... ]

Zen Coding 正式改名为 Emmet

01

April

2013

引言:相信对于前端开发人员而言,Zen Coding一定不会陌生。

最近时间发现Zen Coding总是Tab不出来,以为Plug-in出了问题,也没太在意。我想卸载了重装便能解决,结果还是无法正常使用。通过查找,原来Zen Coding已经停止更新,并由一个新的项目“Emmet”来代替了它。

Emmet在继承Zen Coding的基础上,还增强了对JavaScript和CSS3的支持。对于好东西,还等什么?动起你的双手安装吧:

Emmet安装方法:ctrl + shift + p > install Package > Emmet

原有插件卸载方法:ctrl + shift + p > Remove Package > 选择删除项 [ 查看全文... ]