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

 クラウディア
1. 概要
2. インストール

1. 概要

 「.scss」は「.css」ファイルを作成するためのメタ言語であり、自動的に作成するツールとして「sass」があります。  上記の定義は、うけうりで、詳しくは、「Sass - Wikipedia」をご参照ください。  「Visual Studio Code」でもこの構文を扱う拡張機能があるようです。  本ページは、下記のサイトを参考にさせていただきました。
VSCode で Sassをコンパイルする方法とオプションの設定方法 | Sass を使った効率的 CSS コーディング術 -

2. インストール

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

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

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

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

「Visual Studio Code」-「拡張機能」「Haskell」「インストールサイト」

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

ハイスピードプラン