HTMLで定義したCLASS名がSASS(scss)上で候補が表示されない

Question

###使用しているエディタ

VScode

前提・実現したいこと

HTMLで定義したクラス名をいちいちファイルを往復して確認するのが面倒です。
SASS(scss)でクラス名の候補を表示してくれるプラグインなどありませんか？

試したこと

Google大先生で調べたけど乗ってなかった。（見つけられなかった？）

追加情報

HTMLにコンパイルされたcssファイルをリンクしていますが、SASS(scss)にはクラス名の候補はあがりません。

SASSのコンパイラーは「preprop」というものを使っていて、VScodeのプラグインではありません。

VScode上で、HTML,CSS,SASS(scss)のファイルを同フォルダに格納して展開しています。

Comments

[m.ts10806]

cssで用意したスタイルをhtmlに組み込むようにすれば良いのではと思うのですが

[m.ts10806]

大抵は「用意したものを使う」ので、htmlからlink貼ってるcssのクラス、idを参照という逆の形ならありそうに思います

Answer 1

HTMLで定義したclass名はCSSに記述されています。
VS CodeはHTMLでCSSの読み込みが記述されていれば
候補を表示する機能が最初からあります。

SCSSをwatchで修正されるたびに
CSSにコンパイルして、それをHTML側で
読み込んでいれば候補が表示されます。

Comments

[Tsubasa_OR]

watchとはなんでしょうか？

関係あるかわかりませんが、
コンパイラーは「preprop」というものを使っています

[yasutomi]

「preprop」ではなく「Prepros」です。

PreprosでいうとProject Default Settingsの
File Watcherのことです。

これが有効であればsass(scss)は修正して上書き保存するたびに
cssファイルが書き出されるのでHTMLファイル側で
これを読み込んでいれば候補が表示されます。