Visual Studio Code 通称「VSCode」で、Sass(Scss)を自動でコンパイルしてCSSに変換する方法をご紹介します。 セーブするたび自動でコンパイルしてくれるので非常に楽です。 すでに「VSCode」はインストール済みという前提で手順を紹介していきます。 まだインストールしてないよ!という方は、下記リンクよりインストールしてください。 Sass(Scss)の自動コンパイルに使用するプラグイン・Live Sass Compiler ひとつプラグインを入れるだけで、自動でコンパイルできるようになるとは、、 VSCodeめちゃくちゃ便利ですね。 Live Sass Compilerのインストールから設定まで全ての手順1.Live Sass CompilerをVSCodeに追加する画面左、黄色の点線のボタンをクリック。 Extension(プラグイン)の一覧が表示されるので
![VSCodeでSass(Scss)を自動コンパイルする簡単な設定方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/a400fd4d95c31b2d8447068f510a1cc00bb165a7/height=288;version=1;width=512/https%3A%2F%2Frico-notes.com%2Fwp-content%2Fuploads%2F2020%2F03%2Fvscode_sass_scss.jpg)