PreCSS(Sassのような機能を追加するプラグインのセット)とPostCSSというパッケージを使用して、.css
ファイルの変数を使用するチュートリアルに従っています。パッケージにはガルプが必要です。PhpStormはCSSのPreCSS(Sassのような)変数を認識させます
私は_variables.css
というファイルを持っています。変数を定義するときには、すべてが赤色に変わり、「セレクタは未知の要素に一致します」と表示されます。たとえば :
$blue: #0076A3;
コードがが働いているので、私はPhpStormは何とかこのコードを認識するために取得する必要があります。
代わりにSassを使用していればうまくいくでしょうか?しかし、変数を使用するのと同じ原則です。
プロジェクト設定 - 検査では、SASS/SCSSが有効になっているので、Sass変数を認識するはずです。このPreCSSパッケージを使用しているため、私はそれがわかりません。
何らかの方法で罪を犯すことはできますか?
、あなたの唯一のオプションは、と '* .css'拡張子を関連付けることですそのような構文をサポートする言語(あなたのケースではSass) - これは 'Settings/Preferences |エディタ|ファイルの種類。注:これはIDE全体の設定であり、すべてのプロジェクトとすべての* .cssファイルに影響します。 – LazyOne
ファイルタイプが "CSSファイル"の場合、 "登録されたパターン"を編集してワイルドカードを追加したり、 "cssファイル"をダブルクリックして "ファイルタイプを編集"したり "キーワードを追加"することができますやりたいSASSとCSSをどのように関連づけていますか? – Galivan
「CSSファイル」とは何ですか?スクリーンショットしてください。これは標準的なファイルタイプではありません。何か間違っているか、カスタムプラグイン/ textmateバンドルなどを使用してそこに追加する必要があります。デフォルトで '* .css'パターンは「Cascading Style Sheet」ファイルタイプに関連付けられています。上記の提案は、そのパターンを "Sass"ファイルタイプ(またはSCSS - あなたのニーズに合ったもの)と再関連付けすることです。理想的には、 '.css'ファイルで作業するのではなく、カスタムファイル拡張子(例えば' .postcss')を使うのが良いでしょう。この方法では、通常のCSSファイルは他のプロジェクトでも正しく扱われます。 – LazyOne