jsonecho

Vue Formatter

একটি Vue সিঙ্গেল-ফাইল কম্পোনেন্ট ফরম্যাট করুন: template, script ও style একসঙ্গে।

টুলটি লোড হচ্ছে...

Vue Formatter কীভাবে ব্যবহার করবেন

  1. আপনার কোড পেস্ট করুন। প্রথমবার ফরম্যাটার ইঞ্জিন কিছুক্ষণে লোড হয়।
  2. দরকার হলে অপশন সামঞ্জস্য করুন।
  3. ফরম্যাট করা ফলাফল কপি করুন।

Vue Formatter সম্পর্কে

একটি Vue সিঙ্গেল-ফাইল কম্পোনেন্ট একটি ফাইলে তিনটি ভাষা মেশায়। এই ফরম্যাটার তিনটিই সামলায়: ডিরেক্টিভসহ template (v-if, v-for, @click), JavaScript বা TypeScript-এ script ব্লক এবং CSS-এ style ব্লক।

পুরো .vue ফাইল পেস্ট করুন অথবা শুধু একটি ব্লক।

সচরাচর জিজ্ঞাসিত প্রশ্ন

এটি কি Composition API ও script setup সমর্থন করে?

হ্যাঁ, script ব্লক সাধারণ JavaScript বা TypeScript হিসেবে ফরম্যাট হয়।

এটি কি Vue 2 ও Vue 3-এর সঙ্গে কাজ করে?

হ্যাঁ, দুটির টেমপ্লেট সিনট্যাক্সই সমর্থিত।

scoped style ও SCSS-এর কী হবে?

style ব্লক তাদের lang অ্যাট্রিবিউট অনুযায়ী ফরম্যাট হয়।

প্রথমবার চালাতে কেন এক সেকেন্ড লাগল?

এই ভাষার ফরম্যাটিং ইঞ্জিন প্রথমবার ব্যবহারের সময় ডাউনলোড হয়, তারপর আপনার ব্রাউজার এটি ক্যাশ করে। এরপর ফরম্যাটিং তাৎক্ষণিক এবং কিছুই আপনার মেশিন ছাড়ে না।

কোড ফরম্যাটার-এ আরও

সব টুল →
JavaScript Pretty PrintJavaScript প্রিটি প্রিন্ট করুন যাতে পড়তে পারেন।ফরম্যাটCSS Pretty PrintCSS প্রিটি প্রিন্ট করুন যাতে প্রতিটি নিয়ম ও প্রপার্টি পড়তে সহজ হয়।ফরম্যাটCSS Minifyসবচেয়ে ছোট CSS পেতে মন্তব্য ও হোয়াইটস্পেস সরান।সংকুচিত করুনC# FormatterC# কোড ইন্ডেন্ট করুন এবং ব্রেস ও স্টেটমেন্ট নিজস্ব লাইনে রাখুন।ফরম্যাটJava FormatterJava কোডকে পাঠযোগ্য লেআউটে ফিরিয়ে আনুন: প্রতি লাইনে একটি স্টেটমেন্ট, ব্রেস ইন্ডেন্ট করা।ফরম্যাটGraphQL FormatterGraphQL কোয়েরি ও স্কিমা ফরম্যাট করুন যাতে নেস্টেড সিলেকশন পড়তে সহজ হয়।ফরম্যাটAngular FormatterAngular কম্পোনেন্ট টেমপ্লেট তাদের স্ট্রাকচারাল ডিরেক্টিভ ও বাইন্ডিংসহ ফরম্যাট করুন।ফরম্যাটLess FormatterLess কোড ফরম্যাট করুন, এর ভেরিয়েবল, মিক্সিন ও নেস্টেড নিয়মসহ।ফরম্যাট