কীভাবে ব্যবহার করবেন
- আপনার কোড পেস্ট করুন, অথবা চেষ্টা করতে ‘নমুনা লোড করুন’-এ ক্লিক করুন।
- JavaScript, TypeScript বা JSON বেছে নিয়ে ইনডেন্ট, লাইনের প্রস্থ, সেমিকোলন ও কোটের ধরন সেট করুন।
- ‘ফরম্যাট করুন’-এ ক্লিক করুন, অথবা Ctrl+Enter চাপুন (Mac-এ ⌘+Enter)।
- ফরম্যাট করা কোড কপি করুন।
অপশনগুলোর ব্যাখ্যা
- ইনডেন্ট
- 2 স্পেস Prettier-এর ডিফল্ট এবং JavaScript প্রকল্পে সবচেয়ে প্রচলিত স্টাইল। ট্যাব বাছলে ট্যাব অক্ষর দিয়ে ইনডেন্ট হবে।
- লাইনের প্রস্থ
- Prettier এই সংখ্যার বেশি অক্ষর হয়ে যেতে পারে এমন এক্সপ্রেশন ভেঙে দেয়। ডিফল্ট 80।
- সেমিকোলন
- বন্ধ করলে স্টেটমেন্টের শেষে সেমিকোলন বাদ যাবে। তবে বাদ দিলে অর্থ বদলে যাবে এমন জায়গায় Prettier সেমিকোলন যোগ করবে।
- সিঙ্গেল কোট
- স্ট্রিংয়ের জন্য ডাবল কোটের বদলে সিঙ্গেল কোট ব্যবহার করা হয়, তবে এতে বেশি এস্কেপ লাগলে তা করা হয় না।
উদাহরণ
মিনিফাই করা বান্ডল। এটি কী করে বুঝতে এক লাইনের মিনিফাই করা অংশ পেস্ট করুন — ফরম্যাটিং ইনডেন্ট ও লাইন ব্রেক ফিরিয়ে আনে, তবে ছোট ভেরিয়েবলের নাম ছোটই থাকে।
টিমের স্টাইল। আপনার প্রকল্পের Prettier সেটিংস অনুসরণ করুন, যেমন 4 স্পেসের ইনডেন্ট, সেমিকোলন ছাড়া ও সিঙ্গেল কোট।
সচরাচর জিজ্ঞাসিত প্রশ্ন
JSX ও আধুনিক সিনট্যাক্সে কি এটি কাজ করে?
হ্যাঁ। JavaScript মোড Babel-এর parser ব্যবহার করে; এটি JSX, optional chaining, class fields, top-level await এবং অন্যান্য বর্তমান সিনট্যাক্স বুঝতে পারে।
সিনট্যাক্স ত্রুটি দেখাচ্ছে কেন?
ফরম্যাট করার আগে Prettier-কে কোড পার্স করতে হয়, তাই অবৈধ JavaScript পাওয়া গেলে এটি থেমে যায়। কোন লাইন ও কলাম দেখতে হবে, বার্তায় তা দেখানো হয়।
ফরম্যাট করা কোড কি একইভাবে চলবে?
হ্যাঁ। কোডের অর্থ অক্ষুণ্ণ থাকে এমনভাবে Prettier শুধু হোয়াইটস্পেস, লাইন ব্রেক, কোট, বন্ধনী ও সেমিকোলন বদলায়।
আমার কোড কি আপলোড করা হয়?
না। Prettier আপনার ব্রাউজারে চলে, তাই আপনার কোড আপনার ডিভাইসেই থাকে।
গোপনীয়তা
এই টুলটি পুরোপুরি আপনার ব্রাউজারে চলে। আপনার ফাইল ও লেখা আপনার ডিভাইসেই প্রসেস হয় এবং কখনো আমাদের সার্ভারে আপলোড হয় না।