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 (просто има твърде много).