Live Sass Compiler 設定に注意

web学習教材　ハンズオン形式で学習を進めていたときに事件発生。

完全に同じコーディングをしているのに、結果が違う。

どういうこと？

どれだけcompareしても、内容は同じ。

気がついたのは2時間後。

Live Sass Compiler の設定が個別で指定されていたのだ。

// ▼livesasscompilerの設定
    "liveSassCompile.settings.formats": [
        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": "css/",
            "indentType": "tab",
            "indentWidth": 1
        },
        {
            "format": "compressed",
            "extensionName": ".min.css",
            "savePath": "css/"
        }
    ],

この設定の影響によって、作業ディレクトリ外にcssファイルが生成されていた。
どおりでスタイルが当たらなかったのだ。

今後気をつけよう。。。本当に時間の無駄でした。