# 129: Emmet (είναι φοβερό) - CSS-Κόλπα

Anonim

Το Emmet είναι ένα πρόσθετο για επεξεργαστές κώδικα που σας επιτρέπει να γράφετε HTML και CSS πιο γρήγορα.

Στο μέτωπο HTML, σας επιτρέπει να γράφετε συντομογραφίες για HTML Για παράδειγμα

table>tr*3>td*3

Μετατρέπεται σε

 

Όταν το "επεκτείνετε". Η επέκταση συμβαίνει με ένα πλήκτρο ενεργοποίησης, συνήθως το πλήκτρο TAB.

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

Στο μπροστινό μέρος του CSS, το Emmet προσφέρει αυτό που ονομάζεται Fuzzy Search, το οποίο σας επιτρέπει να πληκτρολογείτε γρήγορα / χαλαρά τις ιδιότητες και τις τιμές CSS και θα χρειαστεί να το επεκτείνετε σε αυτό που εννοείτε. Λειτουργεί συνήθως πολύ καλό.

Για παράδειγμα, w(TAB)μετατρέπεται σε width: ;με το δρομέα ακριβώς πριν το ερωτηματικό. ov:h(TAB)μετατρέπεται σε overflow: hidden;Pretty rad, απλά θα πρέπει να το δοκιμάσετε. Είναι πιο έξυπνο από το να προσπαθείτε να απομνημονεύσετε μια ακριβή συντομογραφία για κάθε μεμονωμένη ιδιότητα και αξία CSS (υπάρχουν πάρα πολλές).