Visual Studio にSCSSファイルのコンパイラである、Web Compiler をインストールする手順を紹介します。
Visual Studioを起動します。
[拡張機能]メニューの[拡張機能の管理]または、[Manage Extensions]の項目をクリックします。
下図の[拡張機能の管理]ダイアログが表示されます。
ダイアログ右上の検索ボックスで、"Web Compiler"で検索します。中央のエリアに検索結果が表示されます。
[Web Compiler] の項目をクリックして選択します。今回の例では"Web Compiler 2022+"が表示されています。
項目右側のダウンロードボタンをクリックします。
ダウンロードが始まります。
ダウンロードが完了すると下図の画面になります。ダイアログ右下の[閉じる]ボタンをクリックしてダイアログを閉じます。
Visual Studio を終了します。Visual Studio終了後に下図のVSIX Installer のダイアログが表示されます。
Web Compiler のインストールが始まります。[Modify]ボタンをクリックしてインストールを開始します。
インストールが完了すると下図のダイアログが表示されます。[Close]ボタンをクリックしてインストーラーを終了します。
Visual Studioを起動し、SCSSファイルのあるプロジェクトを開きます。
ソリューションエクスプローラーのウィンドウで、SCSSファイルを選択し、右クリックします。
Web Compilerがインストールできていれば、ポップアップメニューに[Web Compiler]の項目が表示されます。
