Тепер заходимо у вкладку «Опції» - «Package Control» або натискаємо комбінацію клавіш «Ctrl» + «Shift» + «P«, після чого спливе віконце в якому вибираємо «Install Package» (якщо не помиляюся 6 рядок).
Після чого спливе ще віконце, в якому необхідно ввести «Emmet«, з'явиться маса пропозицій, натискаємо на перше (де просто Emmet).
У трьох словах, про те, як працює Еммет
Наведу кілька прикладів для Emmet. Припустимо нам потрібно базовий каркас веб-сторінки на html5. для цього достатньо ввести «!» і натиснути «Tab».
Щоб швидко побудувати наприклад блок з класом col-sm-6. необхідно ввести «.col-sm-6» і натиснути «Tab», отримаємо «
»
Для того щоб побудувати ось таку конструкцію:
Lorem ipsum dolor sit amet. consectetur adipisicing elit. Nesciunt natus quidem qui. obcaecati dolorem optio nulla voluptates suscipit eligendi laboriosam quisquam odio provident facilis laudantium. Non. tempora mollitia consequuntur laborum.
Incidunt fugiat beatae non voluptatum at iste inventore obcaecati rem tenetur officiis reprehenderit soluta. magnam est consequatur accusantium. fuga aperiam nesciunt exercitationem dignissimos aut. ut. Voluptatibus id explicabo. suscipit porro.
Iste magni. nam id a. maxime incidunt aperiam hic. aliquid suscipit aspernatur maiores quaerat sequi asperiores perferendis eum delectus consectetur sint excepturi laboriosam. error. Ratione voluptatum similique sunt sequi maiores.
Officiis doloremque cumque ab quae similique totam voluptates. Molestias rerum eos dolor nulla quidem nam pariatur. quisquam reiciendis tenetur. Dolorum. at. illum. Corporis. itaque. impedit repellendus natus accusantium sit sunt.
досить ввести ось таку невелику сходинку «.row> .col-md-3 * 4> lorem» і натиснути «Tab«.
Як ви бачите Emmet дуже круте додаток, яке дуже прискорює процес верстки, головне вміти правильно ним користуватися) Раджу почитати документацію.
Схожі статті
