🌐 Dil
prettier-plugin-classnames
printWidth seçeneğine göre uzun class adlarını saran bir Prettier eklentisi.
Kurulum[^1]
npm install -D prettier prettier-plugin-classnames[^1]: Eğer prettier-plugin-classnames sürümünüz 0.4.0'dan küçükse, ayrıca @prettier/sync paketini de yüklemeniz gerekecektir.
Yapılandırma
JSON örneği:
{
"plugins": ["prettier-plugin-classnames"]
}JS örneği (CommonJS modülü):
module.exports = {
plugins: ['prettier-plugin-classnames'],
customAttributes: ['myClassProp'],
customFunctions: ['clsx'],
};JS örneği (ES modülü):
export default {
plugins: ['prettier-plugin-classnames'],
endingPosition: 'absolute',
};Seçenekler
Özel Nitelikler
Sınıf adlarını kapsayan niteliklerin listesi.
class ve className nitelikleri, hiçbir seçenek belirtilmese bile her zaman desteklenir.
Varsayılan | CLI Geçersiz Kılma | API Geçersiz Kılma
--- | --- | ---
[] | --custom-attributes | customAttributes: ["
Özel Fonksiyonlar
Sınıf adlarını kapsayan fonksiyonların listesi.
classNames fonksiyonu, hiçbir seçenek belirtilmese bile her zaman desteklenir.
Varsayılan | CLI Geçersiz Kılma | API Geçersiz Kılma
--- | --- | ---
[] | --custom-functions | customFunctions: ["
Bitiş Pozisyonu
İlk kez v0.5.0 sürümünde mevcut.
absolute-with-indent v0.6.0 sürümünde eklendi.
absolute-with-indent v0.8.0 sürümünde kaldırıldı, ancak aynı çıktıyı absolute ile alabilirsiniz.
Varsayılan değer v0.8.0’da relative’dan absolute’a değiştirildi.
Bu, orijinal sınıf adını çok satırlı bir sınıf adıyla değiştirirken, her satırda sınıf adının bitiş kriteridir.
absoluteörneği:
--------------------------------------------------| printWidth=50
export function Callout({ children }) {
return (
{children}
);
}
``
örneği:
`
--------------------------------------------------| printWidth=50
export function Callout({ children }) {
return (
{children}
);
}
`
Varsayılan | CLI Geçersiz Kılma | API Geçersiz Kılma
--- | --- | ---
| --ending-position | endingPosition: ""Söz Dizimi Dönüşümü
İlk olarak v0.7.7'de mevcut.
Eğer bir sınıf adı ifade olmayan söz diziminde yazılmışsa ve satır sonu kayması olursa, bu ifade söz dizimine dönüştürülür. Bu dönüşüm, geri alınabilir biçimlendirmeyi desteklemez.
Varsayılan | CLI Geçersiz Kılma | API Geçersiz Kılma
--- | --- | ---
| --syntax-transformation | syntaxTransformation: Kardeş eklentilerle sürüm korelasyonu
sürümünden itibaren, bir tarafta küçük bir sürüm çıkarsa, mümkünse bu değişikliği diğer tarafa da yansıtmayı planlıyorum.
Diğer Prettier eklentileriyle uyumluluk
Biçimlendirmek istediğiniz metni birden fazla Prettier eklentisi işleyebiliyorsa, Prettier yalnızca bu eklentilerin sonuncusunu kullanır.
Bu durumda, bu eklentileri sırasıyla uygulamak için prettier-plugin-merge ekleyerek aşağıdaki şekilde yapılandırabilirsiniz.
JSON örneği:
--- Tranlated By Open Ai Tx | Last indexed: 2025-09-09 ---