Το Prettier είναι ένα εργαλείο διεπαφής για να ομορφύνετε και να μορφοποιήσετε τον κώδικά σας

Μικρά αποβράσματα · Δημοσιεύτηκε στις 28/7/2024 10:56:57 μ.μ.

Το Prettier είναι ένας ισχυρός μορφοποιητής κώδικα που υποστηρίζει:

JavaScript (συμπεριλαμβανομένων πειραματικών χαρακτηριστικών)
JSX
Γωνιακός
Vue
Ρέω
Γραφομηχανή
CSS, Less και SCSS
HTML
Ember/Τιμόνι
JSON
ΓραφικήQL
Markdown, συμπεριλαμβανομένων των GFM και MDX v1
ΓΙΑΜ

Χαρακτηριστικά: Το Prettier μπορεί να εκτελεστεί σε αποθήκευση στο πρόγραμμα επεξεργασίας, σε άγκιστρα προ-δέσμευσης ή σε περιβάλλον CI για να διασφαλιστεί ότι η βάση κώδικά σας έχει σταθερό στυλ χωρίς να χρειάζεται πλέον οι προγραμματιστές να δημοσιεύουν κρίσιμα σχόλια σε κριτικές κώδικα!

Τεκμηρίωση:Η σύνδεση με υπερσύνδεσμο είναι ορατή.
Διεύθυνση GitHub:Η σύνδεση με υπερσύνδεσμο είναι ορατή.

Εγκαταστήστε το prettier στο έργο Node χρησιμοποιώντας την εντολή npm, η οποία είναι η εξής:

Η σύνδεση είναι ορατή.

Δημιουργήστε δύο νέα αρχεία στη ρίζα του έργου:

.prettierignore: Αγνοημένα αρχεία ή φάκελοι, που σημαίνει ότι αυτά τα περιεχόμενα δεν επιτρέπεται να μορφοποιηθούν από τους ομορφότερους. Αναφορά:Η σύνδεση με υπερσύνδεσμο είναι ορατή.
.prettierrc: Ένα αρχείο διαμόρφωσης, ένα αρχείο γραμμένο σε JSON ή YAML. Αναφορά:Η σύνδεση με υπερσύνδεσμο είναι ορατή.

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

Το .prettierignore λέει:

Η σύνδεση είναι ορατή.

Το .prettierrc αναφέρει:

Η σύνδεση είναι ορατή.

Προσθέστε την ακόλουθη διαμόρφωση στις δέσμες ενεργειών κάτω από το αρχείο package.json:

Η σύνδεση είναι ορατή.

Δοκιμάστε τη μορφοποίηση του κώδικα με την ακόλουθη εντολή:

Η σύνδεση είναι ορατή.

Το αποτέλεσμα έχει ως εξής:

(Τέλος)

[Άλλα] Το Prettier είναι ένα εργαλείο διεπαφής για να ομορφύνετε και να μορφοποιήσετε τον κώδικά σας

σχετικές αναρτήσεις

Ενότητες που προβλήθηκαν