H Множественные курсоры не только для работы с кодом в черновиках

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

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

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



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


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

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



⌥ + ⌘ + ↓ — расширит курсор до следующей строки, а ⌥ + ⌘ + ↑ — до предыдущей:



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



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

⌘ + ← и ⌘ + → для перемещения курсоров в начало или конец строки.

⌥ + ⇧ + ← и ⌥ + ⇧ + → для выделения следующего или предыдущего слова.

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



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



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



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

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