डेव्हलपर साधने

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 सेटिंग्जसह आउटपुट आपोआप अपडेट होईल.

तुमचा प्रकल्प जुळवा

समान प्रिंट रुंदी, टॅब, अर्धविराम, कोट, आणि अनुगामी स्वल्पविराम पर्याय वापरा तुमचा प्रकल्प वापरतो.

उपयुक्त स्निपेट्स जतन करा

जेव्हा तुम्हाला पर्यायांची तुलना करायची असेल किंवा या ब्राउझरमध्ये तेच स्निपेट नंतर पुन्हा वापरायचे असेल तेव्हा निकाल जतन करा.