jsonecho

Μορφοποίηση Babel

Τροποποιήστε σύγχρονο JavaScript και React JSX με το ανιχνευτή Babel.

Φόρτωση εργαλείου...

Πώς να χρησιμοποιήσετε το Μορφοποίηση Babel

  1. Επικολλήστε τον κώδικά σας. Την πρώτη φορά, η μηχανή μορφοποίησης χρειάζεται λίγο χρόνο για να φορτωθεί.
  2. Προσαρμόστε τις επιλογές αν χρειάζεται.
  3. Αντιγράψτε το μορφοποιημένο αποτέλεσμα.

Σχετικά με το Μορφοποίηση Babel

Το Babel είναι ο παρσερ που χρησιμοποιεί ο κόσμος του JavaScript και κατανοεί τις πιο πρόσφατες προτάσεις σύνταξης, συμπεριλαμβανομένου του JSX. Αυτός ο μορφοποιητής αναλύει το κώδικα σας με αυτό και το εκτυπώνει ξανά με συνεχή καταγραφή, παραπομπές και διακοπές γραμμών.

Σε αντίθεση με τον Μορφοποίηση JavaScript, θα αρνηθεί να μορφοποιήσει κώδικα με στίγμα και θα σας πει πού βρίσκεται το λάθος. Αυτό το κάνει καλό για να βρείτε και μια χαμένη πρίζα.

Συχνές ερωτήσεις

Υποστηρίζει JSX;

Ναι, το React JSX έχει αναλυθεί και μορφοποιηθεί.

Τι γίνεται αν ο κώδικας μου έχει στίγμα;

Βλέπεις το σφάλμα με τη γραμμή και τη στήλη, και τίποτα δεν έχει μορφοποιηθεί.

Πώς διαφέρει από το Μορφοποίηση JavaScript;

Ο αισθητήρας ρυθμίζει μόνο το λευκό χώρο και δέχεται σχεδόν οτιδήποτε. Αυτό αναλύει και εκτυπώνει πλήρως τον κώδικα, έτσι η έξοδό του είναι πιο συνεπής αλλά χρειάζεται έγκυρη σύνταξη.

Γιατί η πρώτη εκτέλεση πήρε λίγο χρόνο;

Η μηχανή μορφοποίησης για αυτή τη γλώσσα λαμβάνεται την πρώτη φορά και αποθηκεύεται στην προσωρινή μνήμη του προγράμματος περιήγησης. Μετά η μορφοποίηση γίνεται αμέσως και κανένα δεδομένο δεν φεύγει από τη συσκευή σας.

Περισσότερα στην κατηγορία Μορφοποίηση κώδικα

Όλα τα εργαλεία →
Ευανάγνωστη μορφοποίηση JavaScriptΩραία εκτύπωση Javascript για να το διαβάσετε.ΜορφοποίησηΕυανάγνωστη μορφοποίηση CSSΩραία εκτύπωση CSS έτσι κάθε κανόνα και ιδιοκτησία είναι εύκολο να διαβάσει.ΜορφοποίησηΣύμπτυξη CSSΑφαιρέστε τα σχόλια και το λευκό χώρο για να έχετε το μικρότερο CSS.ΣυμπίεσηΜορφοποίηση C#Κώδικα C# και βάζουν σφραγίδες και δηλώσεις στις γραμμές τους.ΜορφοποίησηΜορφοποίηση JavaΒάλτε τον κώδικα Java πίσω σε μια αναγνωρίσιμη διάταξη: μία δήλωση ανά γραμμή, σφραγίδες.ΜορφοποίησηΜορφοποίηση GraphQLΤροποποιήστε ερωτήσεις και σχήματα GraphQL έτσι ώστε να είναι εύκολη η ανάγνωση των επιλογών.ΜορφοποίησηΜορφοποίηση AngularΔιαμορφώστε τα πρότυπα γωνικών συστατικών με τις δομικές τους οδηγίες και τις δεσμεύσεις τους.ΜορφοποίησηΜορφοποίηση VueΔιαμορφώστε ένα Vue ενιαίο στοιχείο αρχείου: πρότυπο, σενάριο και στυλ μαζί.Μορφοποίηση