Web Compiler のインストール (SCSSコンパイラ) - Visual Studio

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]の項目が表示されます。

次の手順

• SCSSファイルをコンパイルする