Emmet är ett tillägg för kodredigerare som låter dig skriva HTML och CSS snabbare.
På HTML-fronten kan du skriva förkortningar för HTML. Till exempel
table>tr*3>td*3Förvandlas till
När du ”expanderar” det. Expandering sker med en utlösningsnyckel, vanligtvis TAB-tangenten.
Detta liknar Zen Coding, och i själva verket är Emmet en utveckling av Zen Coding. Du kan bli ganska snygg med detta och det börjar verkligen kännas naturligt och kraftfullt efter ett tag. Du kan bli bekväm med det, för Emmet är tillgängligt på ett så stort utbud av kodredigerare inklusive direkt på CodePen.
På CSS-fronten erbjuder Emmet det som kallas Fuzzy Search, vilket gör att du snabbt / löst kan skriva CSS-egenskaper och värden och det kommer att ta ett steg att utvidga det till vad du menar. Det fungerar vanligtvis ganska bra.
Växlar till exempel w(TAB)till width: ;med markören precis före semikolonet. ov:h(TAB)förvandlas till overflow: hidden;Pretty rad, du måste bara prova. Det är smartare än att försöka memorera en exakt förkortning för varje enskild CSS-egenskap och värde (det finns bara för många).