Τι είναι η μορφοποίηση σύνταξης JavaScript;

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

Η επικύρωση σύνταξης είναι εξίσου σημαντική. Ένα εργαλείο μορφοποίησης μπορεί να επανεγγράψει με ασφάλεια τον κώδικα μόνο αν ο parser μπορεί πρώτα να τον κατανοήσει.

Περιγραφή εργαλείου

Αυτό το εργαλείο επικυρώνει τη σύνταξη JavaScript και μορφοποιεί τον κώδικα στο πρόγραμμα περιήγησης. Χρησιμοποιεί έναν parser για να ελέγξει αν η είσοδος είναι έγκυρη και το Prettier για να δημιουργήσει μια πιο καθαρή έκδοση του ίδιου πηγαίου κώδικα.

Είναι χρήσιμο όταν θέλετε μια γρήγορη μορφοποίηση ή έναν έλεγχο σύνταξης χωρίς να ανοίξετε ένα πλήρες IDE.

Παραδείγματα

  • Ένα μικρό ES module με imports και exports
  • Ένα απόσπασμα JSX, όπως ένα στοιχείο React
  • Ένα μεγάλο object literal που χρειάζεται τακτοποίηση της εσοχής

Δυνατότητες

  • Επικύρωση σύνταξης με τον parser Babel
  • Μορφοποίηση με το Prettier standalone
  • Ροή εργασίας με κουμπί εκκαθάρισης για γρήγορη επαναφορά

Περιορισμοί

Αυτό το εργαλείο ελέγχει μόνο τη σύνταξη. Δεν εκτελεί κώδικα και δεν υποστηρίζει είσοδο TypeScript.

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