для тех, кто ищет ответ на этот вопрос, я публикую, чтобы сэкономить вам время, поскольку некоторые из ответов немного устарели.

во время работы над небольшим веб-проектом в Visual Studio 2013, я хотел использовать SASS в первый раз. Я немного покопался и обнаружил, что обновление VS 2013 2 было выпущено с собственной поддержкой SASS (.scss) файлов.

после немного больше копать, и без опыта использования SASS, я установил в Web Essentials 2013 для Обновление 2, который используется для компиляции и создания соответствующего .css файлы.

даже до сих пор, я не был ясно, как все это связано друг с другом, но этот блог сделал большую работу, объясняя все для первого раза.

фрагменты из блога (кредит на @akatakritos)

1. Visual Studio 2013 предоставляет возможность добавлять файлы SASS (.scss)
2. установить в Web Essentials 2013 для Обновление 2
3. Добавить новый .scss файл в ваш проект, например styles.scss
4. обновление styles.scss, сохранить, и он будет автоматически генерировать под .scss file
5. затем вы можете связать или связать его, как обычный .css file

обновление июль 2015:

позже обновление Web Essentials, а именно: версия 2.5 для обновления 4 ноя 12. 2014, компилятор SASS был удаленный.

альтернативные компиляторы:

• SassyStudio
• Web Workbench
• Веб-Компилятор поддерживает только VS2015

Я не использовал Chripy, но есть несколько других вариантов, которые вы можете попробовать тоже.

1. мое любимое расширение для работы с Sass в Visual Studio-это Mindscape Web Workbench. Он хорошо интегрирован, работает с Visual Studio 2013 и даже поддерживает Compass. Если вы используете меньше или CoffeeScript, он также позаботится об этом. Я беседовал с одним из разработчиков и он был очень отзывчивым и дружелюбным, что является огромным плюсом в моей книге. О, и Я слышал, что в работе есть и более крутые вещи.
2. SassyStudio это еще одна возможность, но она не казалась такой мощной, как Web Workbench, когда я ее попробовал.
3. Он еще не вышел, но следите за Web Essentials. На данный момент он поддерживает только меньше с точки зрения препроцессоров CSS, но поддержка Sass получила куча запросов и менеджер программы ответил, что " разработка ведется полным ходом." С надеждой скоро!

последний вариант, и тот, который я возвращаюсь на много времени, просто использует внешний инструмент, наблюдая за моими файлами SASS, компилирует их в фоновом режиме и позволяет Visual Studio перезагружать файлы CSS по мере их компиляции.

установка Ruby и SASS через командную строку и сказать ему, чтобы посмотреть каталог проекта для изменений работает нормально - но я обожаю Prepros для такого рода вещей.

Я не пробовал их все, но Скаут, Коала,LiveReload,компас.приложение и пожар.приложение также похожие варианты.

хотя это не всегда правильные решения для каждого проекта, они дают вам большую гибкость и зрелость, которые вы еще не обязательно найдете в расширениях Visual Studio.

Я надеюсь, что помогает!

чтобы скомпилировать SCSS в Visual studio, установите CompileSass Расширение Visual Studio.

К Сожалению Web Essentials больше не будет поддерживать компиляцию Sass.

Я думал, что это было довольно грустно, потому что это был абсолютно самый простой способ компиляции Sass из Visual Studio. Я создал новое расширение Visual Studio, которое ведет себя так же. Вы просто устанавливаете расширение, и оно автоматически компилируется .СКС файлы сжатый.минута.CSS файлы при сохранении.

проверить CompileSass.

для ASP.NET есть несколько способов сделать интеграцию с SASS. Chripy является общим плагином это то, что вы хотите установить в visual studio в качестве расширения.
и таким образом время разработки компиляции, вы можете узнать больше о chripy вhttp://chirpy.codeplex.com/ ,
а также есть еще один пакет, который вы можете установить через Nuget:

install-package SassAndCoffee

Я написал сообщение в блоге на эту тему, что я чувствую, может помочь другим. В основном SCSS поддерживается, но не расширение SASS.

http://pwkad.wordpress.com/2014/05/30/using-scss-in-visual-studio-2013-with-web-essentials-starring-compass-and-susy/

также будьте осторожны, поскольку я столкнулся с несколькими проблемами компиляции компаса, такими как в файле compass/css3/images были ошибки взлома.

мой комментарий, вероятно, бесполезен, поскольку у людей уже может быть ответ, но Scout доступен для windows :), я использую в своих проектах с марта 2013 года.

вы можете использовать смесь, действительно мощный и создает уменьшенную версию ваших CSS и JS файлов.

Я думаю, что расширение Web Essentials, которое я бы предположил, что каждый веб-разработчик работает и является своего рода предшественником поддержки native VS IDE, имеет поддержку компиляции SCSS, но я думаю, что он работает только с обновлением VS2013 2, которое все еще находится в CTP.

последняя версия Visual Studio + последняя версия Web Essentials http://vswebessentials.com/download позволяет использовать Sass и меньше из коробки.

если у вас MVC 6, вы могли бы просто использовать gulp. Оригинал здесь Источник : http://developer.telerik.com/featured/css-preprocessing-with-visual-studio/

добавить NPM в зависимости package.json:

{
  "name": "ASP.NET",
  "version": "0.0.0",
  "devDependencies": {
    "gulp": "3.8.11",
    ...
    "gulp-sass": "2.2.0",
  },
  "dependencies": {
    "gulp-sass": "^2.2.0"
  }
}

затем в gulpfile.js:

var gulp = require("gulp"),
    ...
    sass = require("gulp-sass");


paths.js = paths.webroot + "js/**/*.js";
...
paths.sass = paths.webroot + "css/**/*.scss";
paths.cssOutput = paths.webroot + "css";


gulp.task('sass', function () {
    gulp.src(paths.sass)
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest(paths.cssOutput));
});

наконец, в Task Runner Explorer,right-click на новое задание sass затем Bindings выберите After Build

в Visual Studio 2013 SP 4 нет проблем с добавлением файла SCSS и синхронизацией при каждом сохранении. Я запутался, когда синхронизация не удалась, я обнаружил, что проблема заключалась в использовании переменной до ее определения. Файл SCSS не показывает никаких ошибок, но синхронизация не выполняется.

это работает для синхронизации:

$body-main: 45px;
body {
    padding-top: $body-main + 25px;
    padding-bottom: $body-main - 5px;
}

это не работает для синхронизации

body {
    padding-top: $body-main + 25px;
    padding-bottom: $body-main - 5px;
}
$body-main: 45px;

во втором случае ошибок нет и intellisense работает, но синхронизация не выполняется.