6

我真的很想切换到像 Sass 或 LESS 这样的 CSS 预处理器,但我对我当前的设置太习惯了,还没有看到任何适合我的解决方案。有吗?

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

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

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

4

3 回答 3

1

各种编辑器中的 LESS 语法支持仍然不广泛,因此需要一段时间才能出现这种复杂的功能。

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

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

于 2012-02-24T11:02:38.463 回答
1

LiveReload来救援!

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

于 2013-08-15T08:41:16.723 回答
0

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

于 2013-08-15T08:15:56.787 回答