2015-07-02 3 views
4

если да, то как потомуМогу ли я использовать Sass (препроцессор css) в Visual Studio Express 2013 для Интернета?

Mindscape Web Workbench и SassyStudio (бесплатный плагин) Инструмент не поддерживает в против экспресса бесплатной версии

и как компилировать SCSS в CSS я уже сделал это

Install-Package SassAndCoffee

enter image description here

+0

Sass не имеет ничего общего с визуальной студии при компиляции с помощью командной строки. –

ответ

3

я получил решение

Сначала добавьте это через NuGet консоли

Install-Package SassAndCoffee 

и page.cshtml странице

<link href="~/Content/[email protected]" rel="stylesheet" type="text/css" /> 

viewbag.ID без всякой необходимости каждый раз очистить кэш браузера

Controller Код

public ActionResult Index() 
     { 
      ViewBag.ID = DateTime.Now.ToString("yyyyMMddHHmmss"); 
      return View(); 
     } 

Теперь работать и изменять значения переменных для цветов и будет увидеть эффект в CSS

SassDemo.scss

$color: red; 

    .a{ 
      width: 100%; 
    } 

    .mainDiv { 
     @extend .a; /*Extend/Inheritance */ 
     /*width: 100%;*/ 
     border: 1px solid $color; 
     height: 200px; 
     padding: 10px; 
     margin-top: 10px; 
    } 

    .childDiv { 
     height: 55px; 
     padding: 5px; 
     width: 130px; 
     background-color: $color; 
     display: inline-block; 
    }