Использование Compass в Windows с Visual Studio C # и ASP.NET
-
06-07-2019 - |
Вопрос
Кто-нибудь занимался разработкой 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. Используя Это работает очень хорошо для меня, просто убедитесь, что вы сохраняете свои CSS-файлы извлеченными или отключаете их только для чтения, если они находятся под контролем исходного кода, если ваш проект не поддерживает одновременные проверки. Для редактирования я использую SciTE, которая по умолчанию включена в Ruby для файлов config.rb или просто в окне редактора в VS2008. Для Sass я наткнулся на большой список на веб-сайте HAML . jEdit с подсветкой файла синтаксиса для SASS был тем, что я в итоге использовал после нескольких попыток Я все еще хотел бы найти плагин VS для подсветки синтаксиса, поэтому мне не нужно использовать другой редактор, но jEdit определенно выполняет свою работу. compass -w
Мой ответ немного устарел. Прежде чем следовать моему первоначальному ответу, я бы рекомендовал изучить пакет 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"
Все это, конечно, требует установки компаса и рубина, которые должны находиться на пути к вашей машине.