Использование Compass в Windows с Visual Studio С# и ASP.NET

Ответ 1

Чтобы завершить последние ответы, вы можете установить Web Workbench, плагин для Visual Studio 2010, который добавляет подсветка синтаксиса, intellisence и некоторые другие вещи для языка SASS (только для синтаксиса SCSS).

Если вы хотите использовать Compass и/или некоторые другие инструменты для компиляции вашего CSS, вы должны отключить встроенный компилятор. Я перечислил некоторые другие компиляторы SASS: Использование SASS с ASP.NET.

Чтобы отключить встроенный компилятор: выберите файл .scss в обозревателе решений, перейдите в окно "Свойства" и удалите текст из окна "Пользовательский инструмент".

Так как Web Workbench 3 теперь можно более легко управлять тем, что вы хотите скомпилировать с помощью этого плагина. См. Пункт меню Mindscape > Web Workbench Settings.

Ответ 2

Начало работы с Compass,

Сначала да, я должен установить Ruby и источник compass и скомпилировать мою версию компаса. Я выполнил инструкции по Compass Wiki Getting Started.

После получения Compass и всех его зависимостей, установленных и построенных, я создал свой первый проект.

compass -f blueprint project-name

Что создает проект по умолчанию с компасом для рамки css чертежа, в настоящее время появляется ошибка в компасе с созданием файла grid.png в каталоге изображений для компаса, поэтому вам нужно скопировать исходный файл grid.png из источника папка

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

Или аналогично расположенный файл в зависимости от того, где вы все установили. Одним из самых важных изменений IMO для работы с компасом на asp.net является изменение директивы 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 или отключили их только для чтения, если они находятся под контролем источника, если ваш проект не поддерживает одновременные проверки.

Для редактирования я использую SciTE, который включен в Ruby по умолчанию для файлов config.rb или только в окне редактора в VS2008. Для Sass я столкнулся с большим списком на веб-сайте HAML. jEdit с подсветкой синтаксического файла для SASS был тем, что я использовал, попробовав несколько. Я все еще хотел бы найти плагин VS для подсветки синтаксиса, поэтому мне не нужно использовать другой редактор, но jEdit определенно выполняет задание.

Ответ 3

Мой ответ немного устарел. Прежде чем после моего первоначального ответа, я рекомендовал бы изучить пакет 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.

Ответ 4

Я хотел добавить здесь еще одну альтернативу. Если вы просто хотите, чтобы компас создавал файлы sass и включал файлы css при создании вашего проекта ASP.net, вы можете добавить в свой проект (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>

Первая цель предназначена для Release, а также сжимает css, другая для Debug.

Если вы хотите настроить пути, добавьте config.rb в корневую папку проекта:

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

Это, конечно, требует, чтобы компас и рубин были установлены и находились на пути к вашей машине.