Abr@X@bra.ru
Как заставить редактор писать код за вас?

Как заставить редактор писать код за вас?

16.09.2017
529
Используйте сниппеты. Это готовые куски кода, которые по короткой фразе раскрываются. В сниппетах есть табстопы — места, в которых вам обычно шаблонный кусок надо на свой заменить: имена переменных, названия классов, текст элемента, адрес картики и т.п. Между табстопами можно табом переключаться.


На видео выше я использую сниппет для цикла for. Ввожу for, в подсказке выбираю сниппет, нажимаю энтер. Слово for превращается в настоящее описание цикла.

Курсор встаёт после первой переменной i. Я печатаю вместо неё i, и index заменяется на i во всём сниппете. Жму таб и попадаю на переменную array. Пишу fruits. Снова жму таб, попадаю на element и пишу fruit.

Потом перехожу на следующую строку и пишу log — это у меня тоже сниппет, и слово log превращается в console.log();, а курсор сразу встаёт между скобками. И я просто пишу, что хочу вывести.

В редакторах бывают встроенные сниппеты, можно установить плагины с пачками сниппетов, и самое главное: можно писать свои сниппеты. Если вы часто пишете одно и то же, заведите сниппеты.




snippet
Читайте также:
Canvas – HTML5. Подробное руководство

Canvas – HTML5. Подробное руководство

Canvas с его обманчиво простым API может революционно преобразовать создание веб-приложений для всех устройств, а не тол...
Читать
+18 Хуячим, чтобы отхуячить мир

+18 Хуячим, чтобы отхуячить мир

Товарищи со старпершиским видам на жизнь, проходим мимо! Ваше мнение мы уже слышали.
Читать
CSS Grid, подробное руководство по гридам с примерами

CSS Grid, подробное руководство по гридам с примерами

Это руководство было создано как ресурс, который поможет вам лучше понять и изучить Grid CSS, и было организовано таким ...
Читать