JavaScript مدرن و React JSX را با تجزیه‌گر Babel قالب‌بندی کنید.
در حال بارگذاری ابزار...
نحوه استفاده از Babel Formatter
کد خود را بچسبانید. موتور قالب‌بند بار اول در یک لحظه بارگذاری می‌شود.
در صورت نیاز گزینه‌ها را تنظیم کنید.
نتیجه قالب‌بندی‌شده را کپی کنید.
درباره Babel Formatter
Babel تجزیه‌گری است که بیشتر دنیای JavaScript از آن استفاده می‌کند و جدیدترین پیشنهادهای نحو را می‌فهمد، از جمله JSX. این قالب‌بند کد شما را با آن تجزیه می‌کند و با تورفتگی، کوتیشن و شکست خط‌های یکنواخت دوباره چاپ می‌کند.
برخلاف JS Beautifier، از قالب‌بندی کدی که خطای نحوی دارد امتناع می‌کند و می‌گوید خطا کجاست. این آن را راه خوبی برای پیدا کردن یک براکت جاافتاده هم می‌کند.
پرسش‌های متداول
آیا از JSX پشتیبانی می‌کند؟
بله، React JSX تجزیه و قالب‌بندی می‌شود.
اگر کد من خطای نحوی داشته باشد چه می‌شود؟
خطا را با خط و ستون می‌بینید و چیزی قالب‌بندی نمی‌شود.
این با JS Beautifier چه فرقی دارد؟
beautifier فقط فاصله‌های خالی را تنظیم می‌کند و تقریباً هر چیزی را می‌پذیرد. این یکی کد را کامل تجزیه و دوباره چاپ می‌کند، بنابراین خروجی‌اش یکنواخت‌تر است اما نحو معتبر می‌خواهد.
چرا اجرای اول یک ثانیه طول کشید؟
موتور قالب‌بندی این زبان بار اول که استفاده می‌کنید دانلود می‌شود، سپس توسط مرورگر شما کش می‌شود. پس از آن قالب‌بندی فوری است و چیزی از دستگاه شما خارج نمی‌شود.