質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

1095閲覧

【VS Code】「Live Sass Compiler」でSASS記法を使う方法

退会済みユーザー

退会済みユーザー

総合スコア0

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2021/12/19 10:33

経緯
現在Lib Sassを公式が非推奨にしているのでDart Sassへの移行をしております。
調べたところ、以下のvscodeプラグインで手軽に実装できるので、インストールしてみました。

※有名どころの「Live Sass Compiler」と全く同名ですが、2018年度で止まっていたものを別の方がアップデートしたものだそうです。

更新が止まった「Live Sass Compiler」
https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass

新たに別の方が開発されている「Live Sass Compiler」
https://marketplace.visualstudio.com/items?itemName=glenn2223.live-sass&ssr=false#overview

後者の方をインストールしました。

疑問
どちらの「Live Sass Compiler」にも共通する内容なのですが単体だと「SCSS記法」は使えるが、「SASS記法」が反応せずプレーンテキスト扱いになります。
それを以下のプラグインを導入することで解決しました。
https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented

ここで「なぜLive Sass Compiler単体では、SCSS記法はコンパイルされるのに、SASS記法はだめなのか」という疑問が生まれました。
https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented
上記のプラグインは、SASSのフォーマッター的な存在なのかと思っていたのですが、なぜ「LIve Sass Compiler」単体でSCSS / SASSどちらも書けないのか、
記法によって使われている言語や必要な仕組みが違ったりするのでしょうか。

ちょっと気になる内容なので、知っている方いたら教えてください。
わかりづらければ申し訳ないです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問