Visual Studio Code - 拡張機能 - SCSS - 概要


 クラウディア


1. 概要
2. インストール
3. 参考サイト

1. 概要

 「.scss」は「.css」ファイルを作成するためのメタ言語であり、自動的に作成するツールとして「sass」があります。  上記の定義は、うけうりで、詳しくは、「Sass - Wikipedia」をご参照ください。  「Visual Studio Code」でもこの構文を扱う拡張機能があるようです。

2. インストール

 拡張機能の検索窓で「scss」と入力すると。

 これ、果てしなく下に続いています。
 まだ淘汰されていないのかなぁ。

 あちこちで、紹介されているのは、「Live Sass Compiler」というもののようです。

 「.css」を作成する際に、ブラウザの方言を補正してくれる、「autoprefix」という機能がありますが、これも、拡張機能があるようです。
 「autoprefix」で検索するとこんな感じ。
 「scss」より少ないので、ちょっと落ち着きます。


 そのうち、インストールしてみようかと思います。

3. 参考サイト

 本ページは、下記のサイトを参考にさせていただきました。
VSCode で Sass をコンパイルする方法とオプションの設定方法」
↑(2026年4月1日、リンク切れになっています)

audiobook.jp
AbemaTV 無料体験
U-NEXT
健康サポート特集
Amazonギフトカード
EaseUS
TikTok Shop 【リピート用プログラム】
サウンドハウス
葬送のフリーレン Prime Video
【usus ウズウズ】
薬屋の独り言
ベルリッツ
JETBOY
損保との違い
EMEET 1
5G CONNECT
アフィリエイトのアクセストレード
ネットオークションの相場、統計、価格比較といえばオークファン
earthcar(アースカー)
それがだいじWi-Fi
ハイスピードプラン