デイトラWeb制作-Day23-24- Sass学習

Sassの学習をはじめます。
前にも使ったことがあり、超絶便利で大好きなのですが、最近は脱Sassの傾向もあると聞いているので、使い続けていいのかな、なんて思いながら、楽しく復習させていただきました。

SassMeisterが開けない

これ、どうしたんでしょう。半年くらい前には普通に使えていたのですが、、ますますSassが消えていくのではと思ってしまいます。（私レベルが心配することでもないのですが😅）

Live Sass Compilerのインストール

今までDartSassCompilerを使っていました。こっちじゃないと、まだDartSassに対応していないと思っていました。LiveSassもDartSassに対応していると知ったのと、DartSassCompilerだと毎回メインのscssを保存しないとコンパイルされないというのが不便に思っていたので、LiveSassCompilerに変更しました。分割したファイルを更新してもすぐにコンパイルしてくれて便利です。
しかしコンパイルのたびにたくさんメッセージが出るの、ちょっと気になります。settings.jsonにこちらを設定して、エラーの時だけ出力エリアが表示されるようにしました。

  "liveSassCompile.settings.showOutputWindowOn": "Error",

コンパイルできた時、ウィンドウは開かない。

エラーの時はちゃんと出力ウィンドウが開きます。

これでちょっと落ち着いてコード書けます。

あとがき

この辺は理解できていて忘れてなくてよかったです。先週全くできなかった分、少しでも取り戻していきたいです。