🌐 भाषा
prettier-plugin-classnames
एक Prettier प्लगइन जो 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',
};मार्कडाउन/MDX ओवरराइड
यह प्लगइन मार्कडाउन और MDX का समर्थन नहीं करता है, लेकिन यदि यह प्लगइन कोड ब्लॉक्स के अंदर किसी भाषा का समर्थन करता है (जैसे Vue), तो कोड ब्लॉक्स के अंदर अनजाने में फॉर्मेटिंग हो सकती है।
अनचाही फॉर्मेटिंग को रोकने के लिए, आप मार्कडाउन और MDX के लिए कॉन्फ़िगरेशन ओवरराइड्स का उपयोग कर सकते हैं।
JSON उदाहरण:
{
"plugins": ["prettier-plugin-classnames"],
"customFunctions": ["clsx"],
"overrides": [
{
"files": [".md", ".mdx"],
"options": {
"plugins": []
}
}
]
}विकल्प
कस्टम एट्रिब्यूट्स
उन एट्रिब्यूट्स की सूची जो वर्ग नाम को समेटते हैं।
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=60
export function Callout({ children }) {
return (
{children}
);
}
``
उदाहरण:
`
------------------------------------------------------------| printWidth=60
export function Callout({ children }) {
return (
{children}
);
}
`
डिफ़ॉल्ट | CLI ओवरराइड | API ओवरराइड
--- | --- | ---
| --ending-position | endingPosition: ""सिंटैक्स ट्रांसफॉर्मेशन
पहली बार v0.7.7 में उपलब्ध।
यदि गैर-एक्सप्रेशन सिंटैक्स में लिखे गए क्लास नाम में लाइन रैपिंग होती है, तो इसे एक्सप्रेशन सिंटैक्स में ट्रांसफॉर्म कर दिया जाता है। यह ट्रांसफॉर्मेशन रिवर्सिबल फॉर्मेटिंग का समर्थन नहीं करता है।
डिफ़ॉल्ट | CLI ओवरराइड | API ओवरराइड
--- | --- | ---
| --syntax-transformation | syntaxTransformation: क्लासनेम्स प्रिंट चौड़ाई
पहली बार v0.10.0 में उपलब्ध।
क्लास नाम की प्रिंट चौड़ाई निर्दिष्ट करें। यदि कोई मान नहीं दिया गया है, तो डिफ़ॉल्ट रूप में
मान का उपयोग किया जाता है।
डिफ़ॉल्ट | CLI ओवरराइड | API ओवरराइड
--- | --- | ---
undefined | --classnames-print-width | classnamesPrintWidth: समकक्ष प्लगइन्स के साथ संस्करण सहसंबंध
से शुरू करते हुए, जब एक ओर माइनर रिलीज़ होती है, तो मैं संभव हो तो उस बदलाव को दूसरी ओर भी दर्शाने का प्रयास करूंगा।
अन्य प्रिटियर प्लगइन्स के साथ संगतता
यदि एक से अधिक प्रिटियर प्लगइन उस टेक्स्ट को हैंडल कर सकते हैं जिसे आप फॉर्मेट करना चाहते हैं, तो प्रिटियर केवल उन प्लगइन्स में से अंतिम का उपयोग करेगा।
इस स्थिति में, आप उन प्लगइन्स को क्रमिक रूप से लागू करने के लिए prettier-plugin-merge जोड़कर इसे निम्नानुसार कॉन्फ़िगर कर सकते हैं।
JSON उदाहरण:
Stargazers over time
--- Tranlated By Open Ai Tx | Last indexed: 2026-06-03 ---