Question

我使用ruby安装程序在windows上安装了ruby，然后使用ruby的命令提示符安装了sass。

gem install sass

它的节目安装成功。然后我尝试添加一个main.scss文件，但它无法正常工作。

的index.html

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
    <link type="text/css" rel="stylesheet" href="main.scss">
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

main.scss

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}

Answer 1

您需要使用Brackets IDE与Sass合作。请联系我Question寻求进一步的帮助。

Answer 2

1）您仍然需要包含css文件，而不是index.html中的scss

<link type="text/css" rel="stylesheet" href="css/main.css">

2）这是一个示例bracket.json，让您的IDE了解一个main.scss文件，该文件将相对于您的源文件编译为../css/main.css：

{
    "sass.enabled": false,
    "sass.compiler": "libsass",
    "path": {
        "scss/styles.scss": {
            "sass.enabled": true, 
            "sass.options": {                
                "outputDir": "../css/",
                "imagePath": null,
                "sourceComments": false,
                "outputStyle": "nested"
            },
            "linting.collapsed": true
        }
    }
}

Sass不在Brackets IDE中工作

2 个答案: