Почти все знают о программе Punto Switcher, которая очень полезна тем, что при написании:
Автоматически преобразует это в:
Или
в
В общем нервы остаются целыми, ибо вам не приходится в ручную всё стирать и писать по новой. Можно даже не беспокоиться о том, какая раскладка у вас стоит.
И самое интересное, что благодаря данной программе можно создать своеобразный Emmet. А точнее, готовую структуру для Emmet'a.
Например пишем это:
Или
Далее мы просто жмём Tab или Enter и получаем это:
Остаётся нажать ещё раз Tab, что бы Emmet преобразовал данную строку в нужную нам структуру.
Всё это происходит менее чем за 1-2 секунды, что уже говорит хоть о незначительном, но ускорении написания кода.
Дальше всё зависит от вашей фантазии, и от того, сколько сокращений вы придумаете.
Ссылки:
Emmet
Punto Switcher от Яндекса
За наводку на программу спасибо wdmaster
А Вам спасибо за внимание.
БвшмЮ
Автоматически преобразует это в:
<div>
Или
юигеещт
в
.button
В общем нервы остаются целыми, ибо вам не приходится в ручную всё стирать и писать по новой. Можно даже не беспокоиться о том, какая раскладка у вас стоит.
И самое интересное, что благодаря данной программе можно создать своеобразный Emmet. А точнее, готовую структуру для Emmet'a.
Например пишем это:
.cont
Или
юсщте
Спойлер
Не важно, программа сама изменит данное слово, ибо перед каждым названием тега или класса мы ставим "." или "<" и программа понимает что мы хотим видеть здесь именно тег или название класса.
Далее мы просто жмём Tab или Enter и получаем это:
.container>.row>.col-md-12
Остаётся нажать ещё раз Tab, что бы Emmet преобразовал данную строку в нужную нам структуру.
Или так
Всё это происходит менее чем за 1-2 секунды, что уже говорит хоть о незначительном, но ускорении написания кода.
Дальше всё зависит от вашей фантазии, и от того, сколько сокращений вы придумаете.
Ссылки:
Emmet
Punto Switcher от Яндекса
Настройка
За наводку на программу спасибо wdmaster
А Вам спасибо за внимание.