2016-04-08 9 views
3

PreCSS(Sassのような機能を追加するプラグインのセット)とPostCSSというパッケージを使用して、.cssファイルの変数を使用するチュートリアルに従っています。パッケージにはガルプが必要です。PhpStormはCSSのPreCSS(Sassのような)変数を認識させます

私は_variables.cssというファイルを持っています。変数を定義するときには、すべてが赤色に変わり、「セレクタは未知の要素に一致します」と表示されます。たとえば :

$blue: #0076A3; 

コードがが働いているので、私はPhpStormは何とかこのコードを認識するために取得する必要があります。

代わりにSassを使用していればうまくいくでしょうか?しかし、変数を使用するのと同じ原則です。

プロジェクト設定 - 検査では、SASS/SCSSが有効になっているので、Sass変数を認識するはずです。このPreCSSパッケージを使用しているため、私はそれがわかりません。

何らかの方法で罪を犯すことはできますか?

+2

、あなたの唯一のオプションは、と '* .css'拡張子を関連付けることですそのような構文をサポートする言語(あなたのケースではSass) - これは 'Settings/Preferences |エディタ|ファイルの種類。注:これはIDE全体の設定であり、すべてのプロジェクトとすべての* .cssファイルに影響します。 – LazyOne

+0

ファイルタイプが "CSSファイル"の場合、 "登録されたパターン"を編集してワイルドカードを追加したり、 "cssファイル"をダブルクリックして "ファイルタイプを編集"したり "キーワードを追加"することができますやりたいSASSとCSSをどのように関連づけていますか? – Galivan

+1

「CSSファイル」とは何ですか?スクリーンショットしてください。これは標準的なファイルタイプではありません。何か間違っているか、カスタムプラグイン/ textmateバンドルなどを使用してそこに追加する必要があります。デフォルトで '* .css'パターンは「Cascading Style Sheet」ファイルタイプに関連付けられています。上記の提案は、そのパターンを "Sass"ファイルタイプ(またはSCSS - あなたのニーズに合ったもの)と再関連付けすることです。理想的には、 '.css'ファイルで作業するのではなく、カスタムファイル拡張子(例えば' .postcss')を使うのが良いでしょう。この方法では、通常のCSSファイルは他のプロジェクトでも正しく扱われます。 – LazyOne

答えて

関連する問題