Emmet est un add-on pour les éditeurs de code qui vous permet d'écrire du HTML et du CSS plus rapidement.
Sur le front HTML, il vous permet d'écrire des abréviations pour HTML. Par exemple
table>tr*3>td*3Se transforme en
Lorsque vous le «développez». L'expansion se produit avec une touche de déclenchement, généralement la touche TAB.
Ceci est similaire au codage Zen, et en fait, Emmet est une évolution du codage Zen. Vous pouvez devenir assez sophistiqué avec cela et cela commence vraiment à se sentir naturel et puissant après un certain temps. Vous pouvez vous familiariser avec cela, car Emmet est disponible sur un si grand nombre d'éditeurs de code, y compris directement sur CodePen.
Sur le plan CSS, Emmet propose ce qu'on appelle la recherche floue, qui vous permet de taper rapidement / librement les propriétés et les valeurs CSS et il faudra essayer de l'étendre dans ce que vous voulez dire. Cela fonctionne généralement assez bien.
Par exemple, se w(TAB)transforme en width: ;avec le curseur juste avant le point-virgule. ov:h(TAB)se transforme en overflow: hidden;Pretty rad, vous n'aurez plus qu'à l'essayer. C'est plus intelligent que d'essayer de mémoriser une abréviation exacte pour chaque propriété et valeur CSS (il y en a tout simplement trop).