dosyalarında PreCSS (Sass benzeri işlevler ekleyen bir eklenti kümesi) ve PostCSS paketlerini kullanarak değişkenleri kullanan bir öğreticiyi takip ediyorum. Paketler gulp ile gerekli.PhpStorm'un CSS'deki PreCSS (Sass-like) değişkenlerini tanımasını sağlayın
_variables.css adlı bir dosyam var ve değişkenleri tanımlarken her şey kırmızıya dönüyor ve "seçici bilinmeyen öğelerle eşleşiyor" diyor. Örneğin :
$blue: #0076A3;
kod olsa çalışıyor, bu yüzden PhpStorm nasılsa bu kodu tanıması lazım.
Fakat bunun yerine Sass kullanılmışsa işe yarar mı? Yine de, değişkenleri kullanarak aynı prensiptir.
Proje Ayarlarında - Denetimlerde SASS/SCSS etkinleştirildiğinden, Sass değişkenlerini tanıması gerektiğini tahmin ediyorum. Bu PreCSS paketini kullanıyorum çünkü bilmiyorum.
Bir şekilde günahı sabitlenebilir mi?
, tek seçenek ile '* .css' uzantısı ilişkilendirmek olduğunu bu sözdizimini destekleyen dil (sizin durumunuzdaki Sass) - Ayarlar/Tercihler bölümünde yapılabilir. Editör | Dosya Türleri. NOT: Bu, IDE çapında ayardır ve tüm projeleri ve tüm * .css dosyalarını etkiler. – LazyOne
Dosya Türleri'nde, "CSS dosyaları", "kayıtlı kalıpları" düzenleyebilir ve joker karakterler ekleyebilirim veya "css dosyaları" nı çift tıklıyorum, "filetype'ı düzenleyebilirim" ve "anahtar kelime ekle" yi seçebilirim ama ben Yapmam gerekiyordu. SASS'yi CSS ile nasıl ilişkilendirirsiniz? – Galivan
Ne "CSS dosyaları"? Ekran görüntüleri lütfen. Standart dosya türü değil - yanlış bir şey yapmalısınız ya da başka bir şey kullanmalısınız (özel eklenti/textmate bundle/etc?). Varsayılan olarak, * * .css 'deseni "Basamaklı Stil Sayfası" dosya türüyle ilişkilendirilmiştir. Yukarıdaki önerim, bu kalıbı "Sass" dosya türüyle (veya SCSS - gereksinimlerinizle eşleşecek şekilde) yeniden ilişkilendirmektir. İdeal olarak, '.css' dosyaları ile çalışmak yerine, bunun için bazı özel dosya uzantılarını kullanmanız daha iyi olacaktır (örn.' .postcss') - bu şekilde sıradan CSS dosyaları diğer projelerde doğru bir şekilde ele alınacaktır. – LazyOne