VS CodeでSCSSをコンパイルする方法

VS Codeは標準でSCSSのコンパイルに対応していないので、簡単な方法を書いておきます。
パソコンを買い替えないと設定する事も少ないので忘れるんです。
それからAdobeのDreamweaverは標準でSCSSに対応しているのですが、VS Codeに乗り換える人にも役立つかもです。
特別な方法ではないのですが、一つ一つ丁寧に進めていきましょう〜。

機能拡張

まずはVS CodeにSCSSの機能拡張を追加します。

↓機能拡張をクリックします。

↓「Live Sass Compiler」という機能拡張を検索します。

↓Live Sass Compilerを選択します

↓インストールします

↓発行元を信頼&インストールをクリックします

↓ウインドウ下部に「Watch Sass」と表示されている部分をクリックします。これはVS Codeを立ち上げた時にはオフになっているので、毎回クリックしてオンにする必要があります。

続きは、リベシティにログインしてからお読みください

＼初月30日間無料／ リベシティで会員登録をする ログインする

ノウハウ図書館でできること

• すべての記事の閲覧

• ブックマーク

• いいね・レビュー

• 記事の投稿※応援会員（有料）のみ

• ポイントの獲得※応援会員（有料）のみ

※会員登録には、新入生会員（初月30日無料）と応援会員（有料）があります

応援会員制度とは？

さらに！

• リベシティの他の機能やサービスもご利用いただけます（詳しく見る）