我可以在 Web 版 Visual Studio Express 2013 中使用 Sass（css 预处理器）吗？

Question

如果是那么如何 因为

Mindscape Web Workbench 和 SassyStudio（免费插件）工具在 vs express 免费版本中不支持

以及如何将 SCSS 编译为 css 我已经做到了

安装包 SassAndCoffee

Answer 1

我得到了解决方案

首先通过 NuGet 控制台添加这个

Install-Package SassAndCoffee

并在 page.cshtml 页中

<link href="~/Content/SassDemo.css?@ViewBag.ID" rel="stylesheet" type="text/css" />

viewbag.ID无需每次都清除浏览器缓存

控制器代码

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;
    }