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

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

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


На видео выше я использую сниппет для цикла 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, и было организовано таким ...
Читать