实时编辑(类似CSSEdit)Sass / LESS没有CMD-S?

时间:2012-02-24 07:22:32

标签: css sass less cssedit

我真的想切换到像Sass或LESS这样的CSS预处理器,但是我已经习惯了当前的设置并且没有看到任何适用于我的解决方案。有没有?

我目前在Mac上使用CSSEdit,这是一个实时CSS编辑器。每当人们谈论这个时,他们似乎认为“实时”意味着每次保存文件时页面都会重新加载。这不是我的意思。如果我在CSSEdit中键入一些CSS,则更改显示为-I-type,而不必保存文件。这样可以节省时间,特别是如果您使用反复试验来决定例如。填充元素或尝试不同颜色的填充量。

所以所有Sass或LESS选项似乎都是,写Sass / LESS,按 CMD + S ,页面重新加载,你会看到你的更改。这对我来说不够好。我有什么可以做的吗?

为了使事情进一步复杂化,CSSEdit现在已被其开发人员放弃,转而支持Espresso,我还没有采用它,因为它仍然缺少我依赖的一些功能(自定义重新格式化代码)。

3 个答案:

答案 0 :(得分:1)

各种编辑器中的LESS语法支持仍然不多,因此需要一段时间才能存在这样复杂的功能。

这需要编辑器对文件中的每个更改进行编译,当你输入字母时,编译这将不会有效...所以也许它必须在有时编译有效的语法(编译没有错误)...这可能不会使它如此“活”。它可以编译为CSS或使用less.js,也许后者可以更好地适应这个目的(不需要使用外部软件)。前往Sublime Text plugin development也许写下这样的插件? :) Sublime Text是我用过的最好的编辑器,也因为它在插件方面具有灵活性。也许呢?

否则你必须继续使用CSSEdit并按照你所描述的方式进行实时CSS编辑,然后只需将更改的代码复制到LESS文件 - 记住任何CSS都是有效的。我在Safari / Chrome Inspector或Firebug中执行相同操作,然后在.less文件中应用更改。不理想,但工作..

答案 1 :(得分:1)

LiveReload救援!

我认为您不会找到不需要保存文件的解决方案。

答案 2 :(得分:0)

在我看来,这个项目看起来很有希望:https://developers.google.com/chrome-developer-tools/docs/css-preprocessors