🌐 भाषा
prettier-plugin-classnames
एक प्रीटियर प्लगइन जो कि विस्तृत क्लास नामों को printWidth विकल्प के आधार पर रैप करता है।
इंस्टॉलेशन[^1]
npm install -D prettier prettier-plugin-classnames[^1]: यदि आपके prettier-plugin-classnames संस्करण की संख्या 0.4.0 से कम है, तो आपको @prettier/sync भी इंस्टॉल करना होगा।
कॉन्फ़िगरेशन
JSON उदाहरण:
{
"plugins": ["prettier-plugin-classnames"]
}JS उदाहरण (CommonJS मॉड्यूल):
module.exports = {
plugins: ['prettier-plugin-classnames'],
customAttributes: ['myClassProp'],
customFunctions: ['clsx'],
};JS उदाहरण (ES मॉड्यूल):
export default {
plugins: ['prettier-plugin-classnames'],
endingPosition: 'absolute',
};विकल्प
कस्टम एट्रिब्यूट्स
उन एट्रिब्यूट्स की सूची जो वर्ग नाम को समेटते हैं।
class और className एट्रिब्यूट्स हमेशा समर्थित हैं, भले ही कोई विकल्प निर्दिष्ट न हो।
डिफ़ॉल्ट | CLI ओवरराइड | API ओवरराइड
--- | --- | ---
[] | --custom-attributes | customAttributes: ["
कस्टम फंक्शन्स
उन फंक्शन्स की सूची जो वर्ग नाम को समेटते हैं।
classNames फंक्शन हमेशा समर्थित है, भले ही कोई विकल्प निर्दिष्ट न हो।
डिफ़ॉल्ट | CLI ओवरराइड | API ओवरराइड
--- | --- | ---
[] | --custom-functions | customFunctions: ["
समाप्ति स्थिति
v0.5.0 में पहली बार उपलब्ध।
absolute-with-indent v0.6.0 में जोड़ा गया था।
absolute-with-indent v0.8.0 में हटा दिया गया, लेकिन आप absolute के साथ वही आउटपुट प्राप्त कर सकते हैं।
डिफ़ॉल्ट मान v0.8.0 में relative से बदलकर absolute कर दिया गया है।
यह प्रत्येक पंक्ति पर मूल वर्ग नाम को बहु-पंक्ति वर्ग नाम से बदलते समय वर्ग नाम समाप्त करने का मानदंड है।
absoluteउदाहरण:
--------------------------------------------------| printWidth=50
export function Callout({ children }) {
return (
{children}
);
}
``
उदाहरण:
`
--------------------------------------------------| printWidth=50
export function Callout({ children }) {
return (
{children}
);
}
`
डिफ़ॉल्ट | CLI ओवरराइड | API ओवरराइड
--- | --- | ---
| --ending-position | endingPosition: ""सिंटैक्स ट्रांसफॉर्मेशन
पहली बार v0.7.7 में उपलब्ध।
अगर किसी क्लास नाम में नॉन-एक्सप्रेशन सिंटैक्स में लाइन रैपिंग होती है, तो उसे एक्सप्रेशन सिंटैक्स में बदल दिया जाता है। यह ट्रांसफॉर्मेशन रिवर्सिबल फॉर्मेटिंग को सपोर्ट नहीं करता।
डिफ़ॉल्ट | CLI ओवरराइड | API ओवरराइड
--- | --- | ---
| --syntax-transformation | syntaxTransformation: संस्करण संबंध भाई-बहन प्लगइन्स के साथ
से शुरू करते हुए, जब एक तरफ माइनर रिलीज़ होती है, तो मैं संभव हो तो उस बदलाव को दूसरी तरफ भी दर्शाने की योजना बनाता हूँ।
अन्य Prettier प्लगइन्स के साथ कम्पैटिबिलिटी
अगर एक से अधिक Prettier प्लगइन उस टेक्स्ट को फॉर्मेट कर सकते हैं जिसे आप फॉर्मेट करना चाहते हैं, तो Prettier केवल उन प्लगइन्स में से अंतिम वाले का उपयोग करेगा।
इस स्थिति में, आप prettier-plugin-merge जोड़कर उन प्लगइन्स को क्रमशः लागू करने के लिए इसे इस प्रकार कॉन्फ़िगर कर सकते हैं।
JSON उदाहरण:
--- Tranlated By Open Ai Tx | Last indexed: 2025-09-09 ---