跳到主要内容

用于实时双向CSS编辑的惊人插件

Emmet LiveStyle是一个新的插件,它对现场CSS编辑有不同的影响,克服了现有工具的一些限制。

它不是替换文件中的更改,而是将它们从一个源映射到另一个源,从而可以将两个完全不同的CSS源关联起来进行实时编辑。

这意味着,即使浏览器中的CSS源缩小,您仍然可以使用LiveStyle进行双向实时编辑。此外,由于它不能直接与您的文件一起使用,因此您无需将它们保存在本地文件系统中 - 可以从FTP位置或其他任何位置打开它们。

Emmet团队的一名成员解释说:“虽然其他工具只是交换CSS文件的内容,但LiveStyle会修补它们。每次更改一些CSS时,LiveStyle都会将其解析为树,将其与之前的状态进行比较,并创建一个特殊的补丁来描述CSS的更改方式。“

“源补丁还可以将预处理器(如LESS和Sass)的更改直接映射到CSS,反之亦然。这显示在演示视频,但目前只是一个实验,需要额外的调查和资金,“他补充说。

LiveStyle会在您键入时显示您的更改,而无需刷新页面或保存文件。在处理响应式设计时,可以在多个窗口中打开页面,并且将对每个窗口应用更改。在一个窗口中的开发人员工具中进行的编辑将应用于所有。甚至可以同时实时编辑共享相同CSS代码库的不同网站。

Emmet LiveStyle在完成后将成为付费产品,但它在公开测试版中免费提供。它目前适用于Safari和Chrome,但计划提供更多浏览器。

观看此视频,了解一些令人印象深刻的功能:



翻译字数超限