सामान्य प्रश्न

Prettier Config Generator एक मुफ्त, इंटरएक्टिव वेब टूल है जो आपको हर Prettier विकल्प को विज़ुअली कॉन्फ़िगर करने और .prettierrc फ़ाइल को तुरंत कॉपी करने देता है।

Prettier एक कोड फॉर्मेटर है जो पूरे कोडबेस में एक समान स्टाइल लागू करता है और कोड रिव्यू में स्टाइल संबंधी बहस को खत्म करता है।

.prettierrc फ़ाइल आपके प्रोजेक्ट की रूट डायरेक्टरी में रखी जाती है और Prettier को बताती है कि कोड को कैसे फॉर्मेट करना है।

मुख्य पृष्ठ पर Prettier विकल्प चुनें, साइडबार में कॉन्फ़िग रियल-टाइम अपडेट होगा। "कॉन्फ़िग कॉपी करें" पर क्लिक करें और JSON को .prettierrc फ़ाइल में पेस्ट करें।

हां, पूरी तरह से मुफ्त। कोई साइनअप, कोई अकाउंट और कोई उपयोग सीमा नहीं। टूल GitHub पर ओपन सोर्स भी है।

हां, इसमें हर आधिकारिक Prettier विकल्प शामिल है, प्रत्येक के लिए विवरण और डिफ़ॉल्ट मान के साथ।

डेस्कटॉप पर साइडबार में "कॉन्फ़िग कॉपी करें" बटन पर क्लिक करें या मोबाइल पर फ्लोटिंग बटन पर टैप करें।

तीनों Prettier को कॉन्फ़िगर करने के मान्य तरीके हैं। .prettierrc JSON/YAML सपोर्ट करता है, prettier.config.js JavaScript मॉड्यूल है और package.json सब कुछ एक जगह रखता है।

हां, Prettier में TypeScript, JSX/TSX, Vue सिंगल-फ़ाइल कंपोनेंट और कई अन्य फॉर्मेट के लिए बिल्ट-इन सपोर्ट है।

VS Code मार्केटप्लेस से "Prettier - Code formatter" एक्सटेंशन इंस्टॉल करें और सेटिंग में formatOnSave: true जोड़ें।

प्रोजेक्ट रूट में npx prettier --write . चलाएं।

JavaScript, TypeScript, JSX, CSS, HTML, Vue, JSON, YAML, Markdown आदि।

प्रोजेक्ट रूट में .prettierignore फ़ाइल बनाएं।

हां, eslint-config-prettier इंस्टॉल करें।

printWidth Prettier को बताता है कि कोड को किस लाइन लंबाई के अंदर रखने की कोशिश करनी है। डिफ़ॉल्ट 80 है।

singleQuote JS/TS strings में quotes को नियंत्रित करता है। jsxSingleQuote JSX attributes के लिए है।

पृष्ठ के शीर्ष पर सर्च बार का उपयोग करें।

हां, हेडर में थीम टॉगल बटन पर क्लिक करें।

printWidth: 80, tabWidth: 2, semi: true, singleQuote: false, trailingComma: "all"।

GitHub रिपॉजिटरी पर issue या pull request खोलें।

आप वर्शन ड्रॉपडाउन से कोई भी Prettier 3.x रिलीज़ चुन सकते हैं — 3.0 से 3.6 और "latest" तक। चयनित संस्करण का बंडल मांग पर jsDelivr से लोड होता है, इसलिए विकल्पों की सूची हमेशा उस रिलीज़ के असली स्कीमा से मेल खाती है।

TypeScript, JavaScript, Flow, CSS, SCSS, Less, HTML, Vue, Angular टेम्पलेट, JSON, JSON5, टिप्पणियों के साथ JSON, Markdown, MDX, YAML और GraphQL। पार्सर इनपुट से स्वतः पहचाना जाता है, लेकिन आप ड्रॉपडाउन से इसे बदल सकते हैं।

शेयर बटन दबाएँ और मौजूदा Prettier संस्करण, चुने गए विकल्प, कोड और पार्सर ओवरराइड LZ-कंप्रेस होकर URL हैश में चले जाते हैं और क्लिपबोर्ड पर कॉपी हो जाते हैं। उस लिंक को खोलने पर वही कॉन्फ़िगरेशन फिर से बहाल हो जाती है। कुछ भी सर्वर पर नहीं भेजा जाता — सब कुछ ब्राउज़र में रहता है।

यह दिखाता है कि चुने हुए मॉडल के तहत आपके इनपुट और आउटपुट की लागत कितने AI टोकन होगी। GPT-4o / GPT-4 / GPT-3.5 सटीक गणना के लिए आधिकारिक BPE टोकनाइज़र का उपयोग करते हैं; Claude, Gemini, Llama और Mistral "~" उपसर्ग के साथ कैरेक्टर-आधारित अनुमान का उपयोग करते हैं।

हाँ। आपका Prettier संस्करण, विकल्प चयन और स्प्लिट-व्यू / टोकनाइज़र प्राथमिकताएँ localStorage में सहेजी जाती हैं, इसलिए रीलोड सब कुछ बहाल कर देता है। यदि पेज खोलते समय शेयर करने योग्य URL हैश मौजूद है, तो उसे प्राथमिकता मिलती है।

जब Prettier का पार्सर आपके इनपुट को पार्स नहीं कर पाता — आमतौर पर इसलिए कि चुना गया पार्सर कोड से मेल नहीं खाता (जैसे CSS चुना है लेकिन आपने JSX पेस्ट किया) — एरर मैसेज diff के ऊपर एक लाल पट्टी में दिखता है। पार्सर को अपने कोड के अनुसार बदलें और एरर हट जाएगा।

हाँ। Preview tab में diff toggle के बगल में अपना खुद का parser dropdown है, और हर parser के साथ एक विशेष रूप से बनाया गया नमूना आता है — CSS, SCSS, Less, HTML, Vue, Angular, JSON / JSON5 / JSONC, Markdown, MDX, YAML, GraphQL, साथ ही TypeScript / JS। parser बदलने पर संबंधित नमूना आपके मौजूदा विकल्पों के अनुसार पुनः फ़ॉर्मेट होता है, जिससे proseWrap, htmlWhitespaceSensitivity, और vueIndentScriptAndStyle जैसे भाषा-विशिष्ट विकल्पों को अपना प्रभाव दिखाने का स्थान मिलता है। आपका चयन रीलोड के बाद भी बना रहता है।