डेवलपर टूल्स

JavaScript ब्यूटीफायर

अपने ब्राउज़र में Prettier के साथ अव्यवस्थित JavaScript को प्रारूपित करें। पार्सर, चौड़ाई, इंडेंटेशन, उद्धरण, अर्धविराम, अनुगामी अल्पविराम और एम्बेडेड कोड हैंडलिंग चुनें।

JavaScript फ़ॉर्मेटर

जैसे ही आप टाइप करते हैं, पेस्ट करते हैं, फ़ाइल लोड करते हैं, या विकल्प बदलते हैं, आउटपुट Prettier के साथ स्वचालित रूप से अपडेट हो जाता है। इस ब्राउज़र में फ़ॉर्मेटिंग चलती है.

Prettier विकल्प
वर्तमान प्रारूप

-

आउटपुट बाइट्स
इनपुट बाइट्स
0
बाइट्स जोड़े गए
0
इनपुट लाइनें
0
आउटपुट लाइनें
0

स्वत: स्वरूपित आउटपुट देखने के लिए वैध JavaScript चिपकाएँ।

इस डिवाइस पर सहेजा गया

हाल के सुशोभित परिणाम केवल इस ब्राउज़र में रहते हैं।

No data
अभी तक कोई सहेजे गए सुशोभित परिणाम नहीं।

JavaScript को सुरक्षित रूप से कैसे सुशोभित करें

यह फ़ॉर्मेटर क्या करता है

Prettier फ़ॉर्मेटिंग

यह टूल ब्राउज़र में Prettier का उपयोग करता है, इसलिए चिपकाए गए स्निपेट उन्हीं फ़ॉर्मेटिंग नियमों से मेल खाते हैं जिनका उपयोग कई प्रोजेक्ट करते हैं।

वास्तविक Prettier विकल्प

Prettier से ही पार्सर, प्रिंट चौड़ाई, टैब, अर्धविराम, उद्धरण, अनुगामी अल्पविराम और ब्रैकेट विकल्पों का उपयोग करें।

ब्राउज़र-स्थानीय प्लगइन्स

JavaScript, TypeScript, HTML, CSS, GraphQL, Markdown, और YAML पार्सर प्लगइन्स ब्राउज़र फ़ॉर्मेटिंग के लिए स्थानीय रूप से बंडल किए गए हैं।

सामान्य गलतियाँ

गलत पार्सर चुनना

यदि TypeScript या TSX JavaScript पार्सर के साथ विफल हो जाता है, तो पार्सर को TypeScript / TSX पर स्विच करें।

कस्टम ब्रेस शैलियों की अपेक्षा

Prettier विचारशील है। यह प्रत्येक ब्रेस या व्हाइटस्पेस शैली पसंद को उजागर नहीं करता है।

इसे टाइप चेकर के रूप में उपयोग करना

Prettier कोड को पार्स और प्रिंट करता है। यह कोड टाइप-चेक नहीं करता है या आपके प्रोजेक्ट बिल्ड को प्रतिस्थापित नहीं करता है।

युक्तियाँ

पहले पेस्ट करें

कोड पेस्ट करें या कोई विकल्प बदलें और आउटपुट वर्तमान Prettier सेटिंग्स के साथ स्वचालित रूप से अपडेट हो जाता है।

अपने प्रोजेक्ट से मिलान करें

आपके प्रोजेक्ट में उपयोग की जाने वाली समान प्रिंट चौड़ाई, टैब, अर्धविराम, उद्धरण और अनुगामी अल्पविराम विकल्पों का उपयोग करें।

उपयोगी स्निपेट्स सहेजें

जब आप विकल्पों की तुलना करना चाहते हैं या बाद में इस ब्राउज़र में उसी स्निपेट का पुन: उपयोग करना चाहते हैं तो परिणाम सहेजें।