В современных редакторах кода, таких как VS Code, Atom и Sublime Text, можно вводить тест одновременно в нескольких местах при помощи множественных курсоров. Об этой возможности знает любой разработчик, а вот из дизайнеров не знает почти никто.

В этой статье расскажу что это такое и как это можно использовать для повышения продуктивности.

Видео для тех, кому удобнее смотреть, чем читать.



Осторожно! Под катом много тяжёлых гифок.


Добавить несколько курсоров можно несколькими способами:

? + Click?—?добавит новый курсор в месте клика:



? + ? + v?—?расширит курсор до следующей строки, а ? + ? + ^?—?до предыдущей:



? + D?—?найдёт в тексте следующее вхождение выделенного слова:



Вместе с множественными курсорами работают стандартные шорткаты для работы с текстом.

? + < и ? + > для перемещения курсоров в начало или конец строки.

? + ? + < и ? + ? + > для выделения следующего или предыдущего слова.

При помощи множественных курсоров можно, например, быстро превратить список коллег в список электронных адресов:



Или поменять в списке имён имя и фамилию местами:



Или быстро превратить описание модели телефона в список характеристик:



Эти примеры я взял из реальных задач. Множественные курсоры помогают быстро работать с данными, например, при создании прототипов. К ним быстро привыкаешь и их начинает сильно не хватать в других редакторах.

Полный список шорткатов есть в шпаргалке для Мака и для Винды.