Эффективная навигация по тексту и мультикурсор для кодеров 

Можно еще дополнить, что бывают случаи, когда хочешь расставить мультикурсор и кликаешь в разные места кода, то часто случается так, что "промазал" и поставил очередной мультикурсор не в том месте. Выход очень простой - нужно еще раз кликнуть в то место, где ошибочно был добавлен этот мультикурсор. Такое действие удалит этот самый ненужный мультикурсор.

Я очень много работаю чисто шорткатами, ибо тачпадам тормозит меня) Из того, что часто использую сам на Windows (c учетом того, что было упомянуто Вадимом) Навигация относительно файла PgUp - перейти к первой видимой строке в области видимости (постранично) PgDown - перейти к последней видимой строке области видимости (постранично) Ctrl + End - перейти в конец файла Ctrl + Home - перейти в начало файла Ctrl + G - перейти к строке-столбцу в файле (:строка:столбец) Навигация и редактирование относительно строки/строк с мультикурсором Ctrl + ← / → - на слово назад/вперед Ctrl + Backspace / Delete - удалить слово предыдущее/следующее слово Home - в начало строки End - в конец строки Выделение Ctrl + Shift + ← / → - начать выделение по словам назад/вперед Ctrl + F2 - выделить во всем файле повторяющееся слово/выделение (установка мультикурсора) Ctrl + D - выделить слово/следующее повторяющееся слово/выделение в файле (установка мультикурсора) Ctrl + K Ctrl + D - пропустить текущее повторяющееся слово/выделение в файле на следующее (установка мультикурсора) Редактирование Alt + ↑ / ↓ - переместить строку/строки вверх/вниз Shift + Alt + ↑ / ↓ - продублировать строку/строки наверх/вниз Ctrl + [ / ] - сместить табуляцию строки/строк влево/вправо Ctrl + / - закомментировать/откомментирвоать строку/строки Работа с поиском/заменой по файлу Ctrl + F - открывает попап поиска Alt + C - включает/отключает Match Case Alt + W - включает/отключает Match Whole Word Alt + R - включает/отключает Use Regular Expression Alt + L - искать в выделении Enter - следующее найденное Shift + Enter - предудыщее найденное Esc - закрыть попап Ctrl + H - попап поиск/замена (попап поиска фокусом на строке поиска: все действие выше, Tab - переход на строку замены; если поиск был открыт, сразу перейдет на строку замены) Alt + P - включает/отключает Preserve Case Enter - заменить текущее Ctrl + Alt + Enter - заменить все

что только ни придумают, лишь бы не использовать вим :)

Видео настолько понятное, что я отправлю его бабушке

Win+R --> control переключите на мелкие значки -> клавиатура

Хочу добавить, что есть не только вимеры, я вот в линуксе с конца 90х использую midnight commander, а раньше на видосе писал весь код в far manager. Многие скажут, что без IDE писать медленно - да, я обычно пишу достаточно медленно, но не потому, что не могу писать быстро, я тексты печатаю вообще шестью пальцами и быстрее, чем многие 10ю. Я не согласен с мыслью, что думаем мы быстро, и набор не успевает. Думаем мы может и быстро, но формируем абстракции в таком виде, чтобы их записать - медленно и набор всегда быстрее, даже если набирать 2я пальцами, то качественный продуманный код за день у меня выходит писать от 10 до 100 строк. Если больше, то это будет выходить индусский непродуманный код.

Спасибо, очень полезное видео. Про мультикурсоры не знал, жить станет чуточку проще.

Почти всем перечисленным пользуюсь несколько лет - иногда очень облегчает и ускоряет процесс написания и редактирования кода. А вот за панель с эмодзи на венде отдельное спасибо! 👍

заменить путь или одинаковые куски на разных строках делается проще: выделяем текст для замены и нажимает "выделить следующее такое же" ctrl+D. Выделяем все вхождения и меняем.

Вадим, большое спасибо Вам за выпуск.

Спасибо за видео. Очень полезно!

Спасибо! Много полезного!

Так вот как выглядит реализация плана делать больше контента для блога. Супер, мне очень понравились 👍👍

Как я до сих пор не знал про скорость повтора символа в настройках...спасибо!

Божественно!

Просто и понятно 👍

Спасибо за видео! Ещё одной из достаточно полезных способов редактирования можно добавить: выделение одинаковых вхождений. В рамках VSCode на Windows это сочетание клавиш Ctrl + D. Эта фича позволяет выделить одинаковые слова с добавлением мультикурсора. Таким образом можно редактировать множество вхождений за раз и при этом не тыкать мышкой для вставки мультикурсора.

Про Ctrl + Home/End не знал, спасибо!

Просмотр твоих видео это как поход в приличное общество)

Для Windows-юзеров рекомендую поставить WinCompose - это аналог Compose комбинаций из Linux-систем.

Так же, часто возникают ситуации, когда закрываешь не ту вкладку в редакторе или браузеру. Чтобы открыть предыдущую закрытую вкладку, используется комбинация клавиш: Ctrl+Shift+T.(WIndows)

8:45 - к этой базе еще 1 одного чудесного расширения не хватает) letrieu.expand-region - по нажатию ctrl+w (не закрывает текущий документ как по дефолту) а делает сначала выдиление ближайшего слова, затем всю вложеность строки между символами. Очень удобно и быстро выделять большие строки от начала до конца, как между тегов, так и ковычек)

классно спасибо

Я пользуюсь vim-режимами во всех редакторах, но данная информация мне показалась интересной. В каких-нибудь случаях может пригодиться.

В vscode на виндовс можно еще выделить слово и нажать ctrl + d. Редактор будет искать совпадение с выделенной фразой и так же выделять ее P.S после того как написал коммент, увидел что еще миллион человек написали об этом)

Когда-то не смог выйти из вима, с тех пор во все IDE (JetBrains, QtCreator) ставлю расширение для вимовских хоткеев. Сейчас пытаюсь выйти из emacs...

Поддерживаю! Первые две вещи, которые делаю всегда после установки системы - это переключение с помощью Caps Lock и уменьшение задержек клавиатуры. Я работаю в Windows, поэтому с удобством настройки проблемы есть. Задержки клавиатуры остались в старой версии панели управления, и до них ещё нужно добраться. Хуже всего, что с каждой новой версией этот путь постоянно усложняется, поэтому искать приходится заново. Касательно же Капслока, я для этого использую утилиту KbdFlip. Она ловит сигнал Капслок, и заменяет его на Ctrl+Shift. Таким образом, капслок и работает переключателем клавиатуры. Третьи пунктом всегда ставлю расширенную раскладку. Большинство текстом я набираю на украинском, поэтому мне не удобно держать в системе три раскладки. Для русского и украинского я использую расширенную раскладку, которая кроме обычных символов іыёєїъ позволяет набирать и некоторые странные, например ∀©®±ъѯѱѡ. Это всё набрано без переключения раскладки, не смотря на саму клавиатуру. Раскладку использую под названием Strange Ukrainian. Есть ещё подобная под названием Ukrainian by Python.

Господи, почему я раньше не загуглил эту проблему, word separator = "_" о чем я мечтал уже 2 года, так это еще и в плагине vim для vscode работает, спасибо большое за инфу))) прям ооочень большое :)

Круто, спасибо! Вадим, расскажи про настройки трекпада. На какой скорости работаешь? фишки, лайфхаки?

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

Еще можно использовать мультикурсор из результатов поиска: 1. cmd + F {search query} 2. cmd + shift + L 3. esc

Лайк))

спасибо

Насчет отличия обычных пробелов от неразрывных, в vs code их достаточно легко различить. 1) Можно просто обычным выделением. Выделяем участок кода, обычные пробелы будут подсвечиваться точкой, а неразрывные будут просто пустотой 2) Можно включить настройку "editor.renderWhitespace": "all", и тогда все табы и пробелы будут отображаться соответственно стрелкой и точкой, а неразрывные пробелы так же, как и выше, пустотой

На Win повтор нажатий и так довольно шустро работает. Я когда на Мак перешел, именно эта настройка в итоге заставила меня приучиться пользоваться перемещением по словам и в начало/конец строки (а точнее то, что я про настройку эту тогда не знал). Про выделение идентичных слов с Cmd+D уже написали, но я тоже упомяну, потому что прям ооооочень часто его использую

8:34 Пользуюсь в работе WebStorm несколько лет, нативная навигация, какой я её знаю ещё c DOS-приложений отлично поддерживается, это и навигация PgUp/PgDn и комбинации стрелок c Ctrl. Есть там и свои расширенные, например, Ctrl + W - выделяет блок на котором стоит курсор, при этом повторное нажатие либо идет к дочерним свойства идущим через точку, либо выходит на уровень родителя (выделит функцию, где описан объект). Есть куча других интересных, я себе просто распечатал KeyMap куда иногда подсматриваю, т.к. все их не помню, и иногда запоминаю новую команду.

Я бы еще добавил про множественный буфер обмена, в который можно скопировать и/или вырезать сразу несколько строк, а потом вставлять куда что нужно. В Винде комбинация win+v. Я постоянно пользуюсь - очень удобно. И еще рекомендую от себя лично классный плагин для навигации в коде EasyMotion (на саблайме есть, уверен и в других редакторах тоже).

Неразрывный пробел на macOS можно поставить через Option + Пробел

Спасибо, очень любопытно. Возможно я пропустил, но прозвучала фраза, которая может перерости в крайне полезный материал - "если вам что то не нравиться идите в issues css working group" Я себе так думаю, было бы крайне полезно что бы все увидели как это все происходит, как можно поучавствовать и вот это все

Не пробовал в других редакторах но в VS code мультикурсор можно протянуть зажатым колесиком. Что сократит несколько комбинаций клавиш из видио)

Сам с удивлением обнаружил, что в MacOS задержка и скорость повторения ввода символов дольше, чем в Windows. Даже выставив в настройках оба ползунка на максимум, будет все-равно медленней. Видимо, поэтому мало кто ищет эту настройку в Windows: значение по умолчанию, достаточно быстрое и устраивает большинство.

Лайк

- В случае, если вам нужно поменять, например, один и тот же атрибут в нескольких местах, можно воспользоваться сочетанием клавиш Alt + J для webstorm, и, кажется, CTRL + D для VS Code. Просто выделяете или становитесь курсором на нужное слово и, при нажатии этих хоткеев, выделится совпадающее значение ниже по коду. - Для того чтобы быстро "скакать" по коду, можно использовать плагин Ace Jump для webstorm. (Для VS Code тоже со словом Jump вроде было). Их суть в том, что при нажатии определенного сочетания клавиш, вы можете ввести, например, букву, которая имеется в нужном вам слове, тогда рядом с ней появится одна или две буквы, которые нужно нажать, чтобы сразу туда перескочить. То есть вам не нужно двигаться сначала к определенной строке, потом к нужному слову и т.д. Просто попадаете куда надо за пару нажатий, если это слово или символ находится на экране в данный момент - Если вы человек, которому не лень заморачиваться и который ценит эргономику при работе, то определенно стоит попробовать Vim (да я из этих = ) ). Например вам больше не нужно постоянно тянуться к стрелочкам и обратно. Shift и Ctrl тоже нужно будет использовать гораздо реже. Про использование мыши вообще молчу. Я использую её только для того, чтобы в других окнах копаться. И говоря про Vim, я в первую очередь имею в виду плагины для вашего редактора, а не отдельный редактор Vim (для webstorm это ideaVim). Ну и вообще, если вы часто прибегаете к помощи мыши, то скорей всего вы просто не знаете нужного сочетания клавиш =) Что у WebStorm, что у VS Code куча сочетаний клавиш, которые позволяют почти не прибегать к помощи мыши

Все трюки по навигации в коде использую ежедневно в работе, и о чудо, пишу я в webstorm )))

Я недавно узнал, что в винде можно выделять фразы по словам двойным кликом. Т.е. ты делаешь двойной клик, но в конце не отпускаешь кнопку мышки, и выделяешь предложения по целым словам, магия

Вадим, у тебя какое-то долгое создание мультикурсора в нескольких строках подряд. Alt+Shift зажимаем (на маке не помню) и пошёл ⬆️ или ⬇️ расставлять доп-курсоры. Про Ctrl+D после выделения нужного слова уже говорили тут.

2:27 в Win10 можно найти тут: панель управления -> клавиатура (если нет такого ярлыка, то выбрать крупные значки)

веб шторм с сочетаниями очень гибкий там можно выбирать пресеты из списка я зная visual studio использовал соответствующий пресет

Ждем продолжение про VS Code! (язык переключил 'CapsLock') 🐶

По поводу спецсимволов, есть «раскладка Бирмана». Очень выручает!

Очень много есть чего добавить, но скажу только что для вскода есть два топовых расширения: "smart multi cursor" - при добавлении курсоров вверх и вниз с клавиатуры, анализирует текст и если есть очевидные паттерны вставляет курсоры туда, куда ожидаешь "incremental search" - позволяет расставлять курсоры и делать выделения регулярками 🤪

В Windows настройка из 2:14 находится в Keyboard Properties. За секунду показывается, если нажать на клавишу windows и начать печатать название (windows 10).

Ну и не могу не подсказать (перед видео про VS Code). Вадим, я в каждом видео с редактором замечаю, что ты перемещаешь строки (одну или несколько) с помощью копипаста, потом подгоняешь отступы. Это жутко долго. Если не нужно перемещать на сотни строк выше/ниже, то проще выделить нужные строки (или мультикурсор поставить в них) и с зажатым Alt (на маке вроде другой хоткей, поищи у себя) перемещам эти строик стрелками ⬆️ или ⬇️. При этом отступы сами исправляются (не всегда верно, по чаще всё ок).

Очень удобно работать с текстом в vim если освоил все комбинации. Но для освоения есть тренажёр. Если нужно именно ide а не просто vim то на ide можно поставить vim mode

кстати я столкнулся с проблемой на маке с выделением строки, стандартна комбинация CMD+L не отрабатывала, что жутко напрягало, здесь увидел Shift + arrow, но все же это не совсем то. а как сделать мульти-курсор так, чтобы выделяя через CMD+D пропустить какое-то выделение?

В вебшторме системные горячие клавиши тоже работают. Я настроил переключение языка на две разные комбинации Fn+E английский и Fn+R русский. Они рядом на клавиатуре и избавляют от случайного выбора не того языка

В линупсе можно уот так ускорить ввод xset r rate 300 50 первый параметр - задержка после нажатия(300мс), второй - колво символов в сек(50)

Перешёл на мак пару месяцев назад и на нем не хватает менеджера буфера обмена! В винде он появился и это очень удобная вещь!

Капслок нужно сделать ctrl'ом и это решит не одну проблему, а целую гору проблем :) и вообще изначально так и было задумано

Я пробовал Vim - это, как миниму, интересно, но там да, нужно запоминать) Решил подробнее ознакомиться попозже

Подскажите, пожалуйста, что за шрифт используется в VS Code?

(●'◡'●) про панель с эмодзи в Windows не знал, спасибо

для того, чтобы выделить всё, можно же использовать распространённый hot key cmd+A, вместо cmd+shift+down arrow

От себя дополню еще. Я настроил для себя в vscode ctrl + D, дублирование строки (в phpstorm вроде уже стоит такая), ну и удаление строки у меня ctrl+L, тоже ускоряет написание кода

Кажется никто не упоминал, есть возможность ставить мультикурсор таким образом Opt+cmd+ верх или низ Таким образом не необходимости выделять link в случае этого видео, а просто пройтись вниз мультикурсором по позициям P.s. macos, vscode В винде вроде alt+ctrl +стрелки вверх-вниз

Макеев рулит! Спасибо!

Очень жду разбора VCode. Мой любимый редактор для js u c#, но для последнего постоянно приходится по неделе с бубном танцевать, чтобы нормально подключить юнити.

Чтобы настроить в Windows переключение на капслок я использую www.autohotkey.com/ Создаём файл с расширением .ahk И такой скрипт: SendMode Input SetWorkingDir %A_ScriptDir% CapsLock::Send, {Alt Down}{Shift Down}{Shift Up}{Alt Up} Добавляем в автозапуск.

ctrl shift v четкая вещь

Бывает такое, что необходимо полностью удалить строку. Для выполнения такой команды используется следующая комбинация клавиш: Ctrl+Shift+K. (Windows, VSCode).

Windows Shift+d при выделенном слове, выделяет такие слова. Появляется мультикурсор

как в винде сделать смену языка по капслоку?

А как же шрифт с лигатурами? Используете? В Скале до 2.13 спецсимволы были синонимами некоторым конструкциям, но впоследствии отказались в пользу лигатур. Говорили, ломаются неожиданные редакторы

В WebStrom все горячие клавиши перемещения работают точно так же

Только включение мультикурсора в vs code не по cmd + alt + i, а по shift + alt + i (в видео текстом правильно показано).

что за тема в vs code?

Вадим, спасибо за совет по настройке клавиатуры на macOS. Для emoji под macOS есть хорошее приложение Rocket (matthewpalmer.net/rocket).

еще cmnd + shift + l выделяет все слова по совпадению cmnd + D выделяет следующее слово f2 сменить имя у переменной

А Linux не упоминается потому что не было под рукой или потому что настройки не понятно где?

В Windows по умолчанию маленькие задержки.

Ставь лайк если до сих пор кодишь в Atom

неразрывный пробел на windows - alt+0160 😁

Вадим, вы вообще темную тему не используете?

Не согласен, что "думаете вы быстрее, чем пишете код". По моему опыту скорость набора никогда не является узким местом. Дольше что, найти и спроектировать решение, или просто написать его? "Думаете быстрее, чем пишете" работает только для каких-то рутинных вещей, где не то чтобы думать надо много, мне кажется. Для меня ценность хорошего владения редакторами и их возможностями навигации по тексту - это как раз способ дать себе больше времени на то, чтобы думать и не отвлекаться на то, как происходит набор)

Спасибо за видео! Кстати, по поводу ввода символов, мож кому пригодится «Типографская раскладка Ильи Бирмана»: ilyabirman.ru/projects/typography-layout/

Я тут 3 дня ошибку искал .. зато наКодил быстро ...

Вадим привет, очень прикольная серия видео, я тут тебе записал видео ответ с загадкой попробуй повторить :) это мой ответ на вопрос почему клавиатуры должны быть полно(ценными|размерными) ;) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-KaFM6lGOHXA.html

8:34 не понятная подколка в адрес вебшторма. Да, это ява, но это настолько вылизанный продукт, что никаких проблем с системными комбинациями вы там не найдёте.

Первая половина видео о том, что мак лучше, чем винда) Сам пользуюсь маком и на винду даже не хочу, потому что писать начал именно на маке. И да, кстати, за мультикурсор: можно еще выбирать одинаковые слова по всему коду. Выделяем курсором слово, оно сразу подсвечивается везде, где есть совпадения. Потом нажимаем Control + D (на винде тоже должно работать) и выбираются сразу мультикурсором все совпадения.

Не совсем понимаю какой тебе толк от повторов? Ты часто зажимаешь какую-то клавишу, чтобы быстро напечатать, например 1000 "Е"? Ни на что иное эти два слайдера не влияют.

вимеры смеются над такой "скоростью". знаю пару вимеров скорость которых в разы быстрее того, что технически реально без вима.