问题描述
通常，我在Web开发人员扩展中使用\“ edit css \”功能来编辑样式表。
这是一个很棒的功能，但是需要花费一些时间来编辑css并将其复制回编辑器进行保存。
我打算在下一个项目中使用Compass，并且想知道如何在SASS / Compass中使用\“ edit css \”功能。
解决方法
无法按照您期望的方式执行此操作。
该流程将必须如下所示->
编写Compass / SCSS->刷新页面->编辑CSS以获得结果->使用上一步和/或复制/粘贴重新编辑SCSS。
因为它向下编译，所以我还没有解决方案可以将其重新挂接到SCSS层。
, 我认为这与您现在所做的没有太大不同。
Compass将预编译用Sass / SCSS编写的样式表，当到达浏览器时它将成为常规样式表，因此，如果您随后使用浏览器工具栏的“ edit CSS \”功能，则其工作方式与您相同现在，只需要您回到SASS / SCSS文件并将更改插入正确的位置即可（例如，它可能位于嵌套规则，mixin或函数中，具体取决于您编写SASS / SCSS文件的方式）-然后Compass可以重新编译样式表
, 编码套件
Codekit是OSX的出色产品，它使您可以编辑本地文件，并且在单击“保存”时，它将自动将新编译的样式表注入浏览器，而无需刷新页面，因此至少可以节省您的步骤。但是，到目前为止，还没有我知道的Windows对应版本。
我最近在一个相当大的项目中使用了Codekit，当时我们正在使用SCSS，这肯定会有所帮助。尽管像您一样可悲，但我已经习惯了“编辑CSS” Web开发人员工具栏工作流程，而且还没有找到SASS世界的确切翻译。
网络腻子
另一个有潜力（但有一些严重缺点）的选择是来自Fog Creek的开源框架，称为Web Putty。他们提供的一项服务使您可以在浏览器中实时编辑CSS，包括SASS和SCSS风格的CSS，但是他们停止了该服务，只是开源了该软件，因此完全由您自己进行设置，并且需要您付出一些努力（THATs缺点）。
, 现在可以通过Chrome开发工具中对Sass的实验性支持来实现。
首先启用对Sass的支持：
然后，确保您要编译为压缩以外的任何东西，并在Sass中启用调试信息。如果您是从命令行编译的，则传递
--debug-info
config.rb
sass_options = { :debug_info => true }