vscode Sass コンパイルエラーが発生した場合の対処方法

vscode sass をコンパイルするときにエラーが発生した場合はどうすればよいですか?

vscode を使用して sass をコンパイルする

コマンドラインからコンパイルしたい場合は、https://www.sass.hk/ にアクセスしてください。ここで、インストールの手順に従いますが、淘宝網イメージのインストール時に問題が発生し、インストールが失敗したため、vscode を使用して sass をコンパイルしました

推奨学習: vscode チュートリアル

最初のステップ 1、vscode に easy Sass をインストールします。下の図は、正常にインストールされた状態を示しています。

ステップ 2、vscode の構成を変更します。

"easysass.compileAfterSave": true, 
 "easysass.formats": [ //nested：嵌套缩进的 css 代码。
//expanded：没有缩进的、扩展的css代码。
//compact：简洁格式的 css 代码。
//compressed：压缩后的 css 代码
        {
            "format": "expanded",
            "extension": ".css"
        },
        {
            "format": "compressed",
            "extension": ".min.css"
        }
    ],
    "easysass.targetDir": "css/" //路径

3 番目のステップは、新しいフォルダーを作成し、そのフォルダー内に 2 つの新しいフォルダー (1 つは sass 用、もう 1 つは css 用) を作成することです。css フォルダーを作成しない場合、フォルダーは自動的に作成されます。コンパイル後に作成されます

4 番目のステップでは、sass の下にデモ.sass を作成し、

.box
    color: red
    .img
        width: 100%;
        display: block;

と記述します。5 番目のステップでは、ctrl s を押すと、前の設定では、easysass.compileAfterSave が true に設定されていたため、保存後に一度コンパイルされます。これは、開発効率を向上させるためでもあります。

最後に、追加の css ファイルと css の下の min.css ファイル。これは、設定した設定と関係があり、1 つはインデントなし、もう 1 つは圧縮ありです

＃＃＃ それでおしまい... ＃＃＃＃＃＃ ＃＃＃

以上がvscode Sass コンパイルエラーが発生した場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。