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

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

Вопрос

Кто-нибудь занимался разработкой Compass для CSS / SASS в стандартной среде C # ASP.NET?

Есть ли какой-то один дистрибутив, который я могу просто скачать, готовый для Windows, или мне нужно установить каждый фрагмент уравнения и построить компас самостоятельно?

Существуют ли плагины, которые делают разработку с Compass более дружественной к VS2008, такие как автоматическая обработка Compass / SASS в сборках, подсветка синтаксиса и / или поддержка intellisense?

Если плагинов VS IDE нет, каковы наилучшие варианты для автономного текстового редактора для обработки кода в Compass?

Это было полезно?

Решение

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

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

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

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

Другие советы

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

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

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

compass -f blueprint project-name

При этом создается проект по умолчанию с компасом для фреймворка blueprint css. В настоящее время в компасе есть ошибка, связанная с созданием файла grid.png в каталоге images для компаса, поэтому вам необходимо скопировать исходный 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 определенно выполняет свою работу.

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

Первая цель предназначена для выпуска и также сжимает CSS, а другая - для отладки.

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top