在Windows上使用Compass与Visual Studio C＃和ASP.NET

StackOverflow https://stackoverflow.com/questions/1214494

题

有没有人在标准的C＃ASP.NET环境中完成Compass for CSS / SASS的任何开发？

是否有一个我可以下载的发行版已准备好用于Windows，或者我是否需要安装每个方程式并自己构建指南针？

是否有任何插件可以使Compass与VS2008更友好地进行开发，例如在构建中自动处理Compass / SASS，语法高亮和/或智能感知支持？

如果没有任何VS IDE插件，在Compass中处理编码的独立文本编辑器的最佳选项是什么？

有帮助吗？

解决方案

要完成最后的答案，您可以安装 Web Workbench ，Visual Studio 2010的插件，添加了语法高亮， intellisence 以及SASS语言的其他一些内容（仅限SCSS语法）。

如果您更喜欢使用Compass和/或其他工具来编译CSS，则应禁用内置编译器。我在此列出了其他一些SASS编译器：在ASP.NET中使用SASS

要禁用内置编译器：在Solution Explorer中选择.scss文件，转到Properties窗口并从Custom Tool框中删除文本。

从Web Workbench 3开始，您现在可以更轻松地管理要使用此插件编译的内容。参见Mindscape＆gt; Web Workbench设置菜单项。

其他提示

Compass入门，

首先是的，我必须安装Ruby和罗盘源并编译我的罗盘版本我按照Compass的Wiki上的说明使用入门。

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

compass -f blueprint project-name

这为蓝图css框架创建了一个带罗盘的默认项目，目前罗盘中有一个错误，在指南针的images目录中创建了grid.png文件，因此你需要从源代码中复制原始grid.png夹

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

或类似位置的文件取决于您安装的所有内容。在asp.net上使用罗盘的IMO最重要的变化之一是改变指南针的SASS CACHE指令。 SASS CACHE在项目目录中创建了一堆临时文件夹，如果它们在源代码管理下结束，可能会产生不良后果。所以打开config.rb并添加这一行

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

请务必记下转义后的反斜杠。

在此之后，我修改了指南针用于在config.rb中命名的文件夹的名称，并开始使用SASS和Compass进行操作。我建议观看罗盘视频一小时的介绍，这非常有帮助，我从中学到了很多东西：观看屏幕投射

这给我看的一件事是如何设置指南针来监视文件系统的变化，并自动将sass编译为css。使用

compass -w

这对我来说真的很合适，只要确保你的css文件已经签出或者只有当你的项目不支持并发签出时它们处于源代码控制之下才能将它们关闭。

编辑我正在使用默认包含在Ruby中的sciTE用于config.rb文件或仅使用VS2008中的编辑器窗口。对于Sass，我在 HAML网站上找到了一个很重要的列表。 jEdit和SASS的突出显示语法文件是我在尝试几个后最终使用的。我仍然想找到一个用于语法高亮的VS插件，所以我不需要使用另一个编辑器，但jEdit绝对可以完成工作。

我的回答有点陈旧。在遵循我的原始答案之前，我建议您探索Nuget包 SassAndCoffee。完整的详细信息可以在这里找到。

  

它是如何运作的？

     

SassAndCoffee嵌入了原版   DLL中的编译器为（Sass 3.2.0   和CoffeeScript 1.1.0一样   写作）并使用IronRuby和   侏罗纪分别执行   编译器反对你的来源。

     

为什么   这比[SOMEOTHERPROJECT]好吗？

No external processes are executed
You don’t have to install Ruby or node.js
It’s in NuGet so you don’t have to fiddle with web.config
Files are cached and are rebuilt as-needed.

我想在这里添加另一种选择。如果您只想确保指南针构建sass文件并在构建ASP.net项目时包含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>

第一个Target用于Release，也将压缩css，另一个用于Debug。

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

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

这一切当然需要安装罗盘和红宝石，并且要在机器的路径上。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top