VS CodeにSass/SC…
VS CodeでSCSS/SaSSコンパイル(CSSを書き出す)方法
Contents
前提
VS CodeでSCSS編集後、CSSをSCSSから書き出したい時のまとめ。
そもそもLive Sass Compilerはインストールされているか
まずは拡張機能をチェック。
ここをクリックする。
![](https://bistro.site/wp-content/uploads/2022/05/01-4.jpg)
すでにインストール済みの場合
![](https://bistro.site/wp-content/uploads/2022/05/02-4.jpg)
インストールされていない場合
![](https://bistro.site/wp-content/uploads/2022/05/03-4.jpg)
インストールされていない場合は「インストール」をクリックしてインストールが終わったら念のためVS Codeを再起動。
Live Sass Compilerインストール後
SCSSファイルを開いたらこんな表示が出るはず。
![](https://bistro.site/wp-content/uploads/2022/05/05-3.jpg)
「Watch Sass」と表示されている部分をクリック。
クリックしてこのような表示になったらSCSSを保存したと同時にCSSを書き出せます。
![](https://bistro.site/wp-content/uploads/2022/05/06-3.jpg)
ディスカッション
コメント一覧
まだ、コメントがありません