无法在Windows vscode终端中运行我的sass命令

时间:2020-09-12 18:48:54

标签: html css visual-studio-code command-line sass

我有一个名为variables.html的程序和一个名为variables.scss的sass文件,但是当我尝试使用命令行在vscode终端的Windows系统上运行以下任一命令时:

sass variables.scss variables.css 或sass variables.scss:variables.css

我收到以下错误:

读取变量时出错。scss:无法打开文件。

我的sass文件也与html文件位于同一文件夹中。

如果有人可以帮助我克服此命令行问题,我将提供文件代码。

HTML文件

<!DOCTYPE html>
<html>
    <head>
        <title>Hello</title>
        <link rel="stylesheet" href="variables.scss">
        <!--<style>
            ul
            {
                font-size: 14px;
                color: red;
            }

            ol
            {
                font-size: 18px;
                color: red;
            }-->
        </style>
    </head>
    <body>
        <ul>
            <li>unordered item</li>
            <li>unordered item</li>
            <li>unordered item</li>
        </ul>
        <ol>
            <li>ordered item</li>
            <li>ordered item</li>
            <li>ordered item</li>
        </ol>
    </body>
</html>

SASS FILE

$color: red;

ul
{
    font-size: 14px;
    color: $color;
}

ol
{
    font-size: 18px;
    color: $color;
}

我正在使用Dart Sass,因为不再支持Ruby,而是更喜欢使用Dart Sass。

0 个答案:

没有答案