jsonecho

Μορφοποιητής LWC

Τυπώστε πρότυπα HTML Lightning Web Component (LWC) για την Salesforce.

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

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

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

Σχετικά με το Μορφοποιητής LWC

Τα πρότυπα LWC μοιάζουν με HTML, αλλά οι δεσμεύσεις τους γράφονται χωρίς παραπομπές: {value} αντί για "{{value}}". Ένας γενικός μορφοποιητής HTML μπορεί να προσθέσει παραπομπές εκεί και να σπάσει το συστατικό. Αυτός γνωρίζει τους κανόνες της LWC και αφήνει δεσμεύσεις όπως πρέπει.

Οδηγίες όπως for:each και if:true Κρατούνται όπως είναι γραμμένα.

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

Γιατί δεν χρησιμοποιείς τον μορφοποιητή HTML;

Θα αντιμετωπίζει τις μη αναφερόμενες δεσμεύσεις ως άκυρο HTML και θα μπορούσε να προσθέσει αναφορές γύρω από αυτές. Αυτό αναλύει το πρότυπο ως LWC.

Τροποποιεί το αρχείο JavaScript;

Όχι, μόνο το πρότυπο. Χρησιμοποιήστε το Babylon Formatter για το τμήμα JS του συστατικού.

Είναι συνδεδεμένη με την Salesforce;

Όχι. Το LWC είναι ένα πλαίσιο Salesforce, και αυτό το εργαλείο απλά μορφοποιεί τη σύνταξη του πρότυπου.

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

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

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

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