Ускоряем вёрстку с помощью Автозамены в Punto Switcher

Почти все знают о программе Punto Switcher, которая очень полезна тем, что при написании:

БвшмЮ

Автоматически преобразует это в:

<div>

Или

юигеещт

в

.button

В общем нервы остаются целыми, ибо вам не приходится в ручную всё стирать и писать по новой. Можно даже не беспокоиться о том, какая раскладка у вас стоит.

И самое интересное, что благодаря данной программе можно создать своеобразный Emmet. А точнее, готовую структуру для Emmet'a.

Например пишем это:

.cont

Или

юсщте

Спойлер
Не важно, программа сама изменит данное слово, ибо перед каждым названием тега или класса мы ставим "." или "<" и программа понимает что мы хотим видеть здесь именно тег или название класса.

Далее мы просто жмём Tab или Enter и получаем это:

.container>.row>.col-md-12

Остаётся нажать ещё раз Tab, что бы Emmet преобразовал данную строку в нужную нам структуру.

image

Или так
image

Всё это происходит менее чем за 1-2 секунды, что уже говорит хоть о незначительном, но ускорении написания кода.

Дальше всё зависит от вашей фантазии, и от того, сколько сокращений вы придумаете.

Ссылки:

Emmet
Punto Switcher от Яндекса

Настройка
image

За наводку на программу спасибо wdmaster

А Вам спасибо за внимание.
Share post

Similar posts

AdBlock has stolen the banner, but banners are not teeth — they will be back

More
Ads

Comments 15

    +10
    Отключаю Пунто в IDE, потому что при программировании он постоянно не в тему переключает раскладку, он же рассчитан на естественные языки.
      +1
      Я раньше также отключал. А сейчас пунто у меня работает только в ручном режиме. Так оказалось еще удобнее и проще.
      +4
      Для этого в любом редакторе есть сниппеты.
        +5
        Эм, а в чем смысл? Чем не устраивает встроенная поддержка еммета(зена) в IDE и плагины с ним для текстовых редакторов?
          +5
          Ну вы прямо переизобрели велосипед автозамену.

          Сам я пользуюсь такими автозаменами:
          • bb&nbsp;неразрывный пробел
          • cc{code}моноширинный шрифт в Skype
          • iiconsole.info('', );отладка JS

          Отключаю Пунто в IDE, потому что при программировании он постоянно не в тему переключает раскладку, он же рассчитан на естественные языки.

          У меня он вообще всегда выключен, пользуюсь только горячими клавишами.
            0
            У меня он вообще всегда выключен, пользуюсь только горячими клавишами.

            Когда-то из-за назойливой автозамены(вроде не отключаемой в те времена) перешел на Arum Switcher, он был в разы удобнее
            +3
            Хорошая программа этот ваш Згтещ Цешсрук
              0
              Можно просто освоить метод слепого набора, и никаких проблем не будет
                –3
                Мне кажется, вы не очень хорошо поняли смысл проблемы, затронутой в статье.
                Проблема вовсе не в скорости набора, а в скорости корректного написания emmet-выражений
              +1
              Погодите, вы изобрели раздел Live Templates? Он поддерживает кириллицу и может сразу подставлять не промежуточное Emmet выражение, а сразу код с плэйсхолдерами для навигации по табу.
                0
                это, мне кажется, только в продуктах JetBrains. Но фича очень удобная.
                +1
                В программировании такой подход не работает. Punto Switcher лучше использовать с естественными языками: в почте, в личной переписке, в веб-формах. Можно обходится и без Punto Switcher: настраивать автозамену на уровне операционки или в конкретном ПО.
                  +1
                  Зачем нужен Emmet, если он и так есть?

                  Я, например, привык к Згтещ Ыцшесрук еще с незапамятных годов, и без него просто не могу, переключение языка вручную считаю недоразумением. Но, конечно, в редакторах он не умеет, поэтому отключаю, хотя, вроде, чего им стоит добавить еще один «умный» словарь. Но вот переехал я на мак в прошлом году, и есть разница между мак и вин-версией, при отключении в какой-то программе все равно остается возможность конвертации по горячей кнопке, если все-таки ошибся, а в мак-версии такого нет, и это иногда печалит, например, когда верстаю статичные страницы на русском языке
                    0
                    Я, кстати, подобный кейс решил для себя на «хардварном» уровне.
                    У меня клавиатура SteelSeries APEX, в ней 3 ряда макро-кнопок + можно перебиндить каждую кнопку, не только макросные + автоматические профили под каждое приложение и переключение их в ручной режиме.
                    Т.е. мне достаточно просто запустить PhpStorm, автоматические включится нужный профиль и тонна часто-используемых сокращений для Emmet, переназначеных хот-кеев, генераторов.

                    Only users with full accounts can post comments. Log in, please.