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

Question

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

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

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

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

Answer 1

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肯定能完成工作.

Answer 2

要完成最后的答案,您可以安装Web Workbench,这是Visual Studio 2010的一个插件,它为SASS语言添加语法高亮,智能和其他一些东西(仅限SCSS语法).

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

要禁用内置编译器:在解决方案资源管理器中选择.scss文件,转到"属性"窗口并从"自定义工具"框中删除文本.

从Web Workbench 3开始,您现在可以更轻松地管理要使用此插件编译的内容.请参阅Mindscape> Web Workbench设置菜单项.