问通过Visual Studio C#和ASP.NET在Windows上使用指南针

EN

指南针入门

首先，是的，我必须安装Ruby和指南针源代码，并编译我的指南针版本，我遵循了指南针的维基Getting Started上的说明。

在安装和构建Compass及其所有依赖项之后，我创建了我的第一个项目。

compass -f blueprint project-name

它为blueprint css框架创建了一个带有compass的默认项目，目前在compass的图像目录中创建grid.png文件时存在一个错误，所以您需要从源文件夹复制原始的grid.png

C:\Ruby\lib\ruby\gems\1.8\gems\chriseppstein-compass-0.8.10
    \frameworks\blueprint\templates\project

或者类似位置的文件，这取决于您安装所有内容的位置。在asp.net上使用指南针时，国际海事组织最重要的变化之一是更改了指南针的SASS缓存指令。SASS缓存在你的项目目录中创建了一堆临时文件夹，如果它们在源代码控制下结束，可能会有很差的结果。所以打开config.rb并添加下面这行

sass_options = {:cache_location => 
    "#{Compass.configuration.project_path}\\tmp\\sass-cache"} 

一定要注意转义的反斜杠。

在此之后，我修改了Compass使用的文件夹的名称，以便在config.rb中使用我想要的命名方式，并开始使用SASS和compass进行命名。我推荐观看长达一小时的指南针介绍视频，它非常有用，我从中学到了很多：Watch the screen cast。

这向我展示了如何设置指南针来监视文件系统的变化，以及如何自动将sass编译为css。通过使用

compass -w

这对我来说真的很好用，只要确保你的css文件保持签出状态，或者如果你的项目不支持并发签出，那么如果它们处于源代码管理之下，就将它们关闭为只读。

对于编辑，我使用Ruby默认为config.rb文件附带的SciTE，或者只使用VS2008中的编辑器窗口。对于萨斯，我在HAML website上看到了一个很大的列表。在尝试了几次之后，我最终使用了带有突出显示SASS语法文件的jEdit。我仍然希望找到一个用于语法突出显示的VS插件，这样我就不需要使用另一个编辑器，但jEdit肯定能完成这项工作。

我的回答有点过时了。在遵循我最初的答案之前，我建议先研究一下Nuget包SassAndCoffee. The full details can be found here。

它是如何工作的？

SassAndCoffee将原始编译器嵌入到DLL中(撰写本文时为SASS3.2.0和CoffeeScript 1.1.0 )，并分别使用IronRuby和Jurassic针对您的源代码执行编译器。

为什么这比SOMEOTHERPROJECT更好？

无需执行外部进程，无需安装Ruby或node.js，它是在NuGet中，因此您不必摆弄web.config文件被缓存，并根据需要进行重建。

我想在这里添加另一个替代方案。如果您只想确保compass在构建ASP.net项目时构建sass文件并包含css文件，则可以将以下内容添加到项目部分下的项目(Csproj)文件中：

<Target Name="AfterBuild" Condition="'$(Configuration)' == 'Release' ">
   <Exec Command="compass compile --output-style compressed --force" />
   <ItemGroup>
      <Content Include="Styles\*.css" />
   </ItemGroup>
</Target>
<Target Name="AfterCompile" Condition=" '$(Configuration)' == 'Debug' ">
    <Exec Command="compass compile" />
    <ItemGroup>
      <Content Include="Styles\*.css" />
   </ItemGroup>
</Target>

第一个目标是用于发布，也将压缩css，另一个是用于调试。

如果您想要自定义路径，请将config.rb添加到项目根文件夹：

css_dir = "Content"
sass_dir = "Content/Sass"

当然，这一切都需要安装指南针和ruby，并使它们位于您的机器路径中。