Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 За 16 уроков мы рассмотрим всё, что нужно для старта работы с Vim:

2 <ul><li>историю текстовых редакторов;</li>

3 <li>работу в режиме вставки, в командном режиме, режиме командной строки, визуальном режиме;</li>

4 <li>использование регулярных выражений и создание макросов;</li>

5 <li>плагины, пакетные менеджеры плагинов;</li>

6 <li>конфигурацию Vim, работу с файлом .vimrc (в частности, на примере файла .vimrc автора курса);</li>

7 <li>работу с Neovim;</li>

8 <li>настройку автодополнения.</li>

9 </ul>Сегодня будет три видеоурока. Подробно разберём плагины, .vimrc и NERDTree.

10 Мы публикуем видеоуроки и текстовые расшифровки - вы можете смотреть или читать теорию.

11 Автор курса

12 <h3>Паша Калашников</h3>

13 Тимлид в Purple Magic, продюсер видео в Red Magic, соведущий IT Way Podcast, автор курсов по этому вашему программированию. Любит Ruby.

14 Поговорим об инфраструктуре Vim: разберём, что такое плагины, пакетные менеджеры, как их настраивать, как использовать готовые сборки для разных языков программирования, и, наконец, познакомимся с Neovim.

15 Плагины - это те самые инструменты, которые позволяют Vim не отставать от современных IDE, хоть и в своём стиле. Сразу посоветуем отличный сервис для их поиска -<a>vimawesome.com</a>. Плагины там разделены по языкам программирования, стекам технологий, фичам и так далее.

16 После урока вы можете перейти на сайт и попробовать плагины для своего окружения. Мы же начнём с самых общих принципов работы с ними, подробно остановившись на парочке основных.

17 Пакетные менеджеры помогают устанавливать, обновлять и удалять программы. Если вы опытный пользователь Unix-подобных систем, вы точно с ними знакомы. В случае с Vim пакетными менеджерами называют плагины, которые позволяют легко устанавливать и удалять другие плагины.

18 Большинство пакетных менеджеров просто скачивают плагины с GitHub и выполняют установочные скрипты, которые в них заложены. Управление версиями в данном случае - не самая сильная их сторона, потому что конфликты версий в инфраструктуре Vim-плагинов очень редки.

19 Самый популярный пакетный менеджер для Vim - Vundle. Рассмотрим его более современный аналог под названием<a>vim-plug</a>. У него есть несколько преимуществ. Во-первых, он лучше совмещается с Neovim. Во-вторых, он более отзывчив к пользователю, то есть лучше описывает ошибки, которые могут возникнуть в процессе установки. Приведём один пример его использования.

20 Сначала установим vim-plug. В его Readme на GitHub есть подробная инструкция по установке в разных операционных системах:

21 Скриншот: Skillbox MediaУстановка не всегда проходит без проблем; если что-то пошло не так, перейдите в Issues репозитория и поищите описание ситуации, похожей на вашу:

22 Скриншот: Skillbox MediaСкорее всего, нечто подобное уже с кем-то случалось - и благополучно разрешилось.

23 А мы тем временем открываем файл .vimrc:

24 Скриншот: Skillbox MediaВ Linux-системах он по умолчанию находится в домашней директории. Загуглите, где он в вашей ОС. Это несложно.

25 В файле вводим строку call plug#begin ():

26 Скриншот: Skillbox MediaДанная команда означает начало блока, который исполнится плагином vim-plug. Мы хотим установить плагин vim-sensible. Вводим название в поиске на сервисе<a>vimawesome.com</a>. Переходим по ссылке на GitHub. Берём из ссылки имя пользователя GitHub и название репозитория:

27 Скриншот: Skillbox MediaВызываем в .vimrc метод Plug и набираем в кавычках через слеш имя пользователя и название репозитория:

28 Скриншот: Skillbox MediaВводим команду : PlugInstall. Видим статус установки:

29 Скриншот: Skillbox MediaПлагин установлен!

30 По такому же принципу устанавливают практически все плагины в Vim. Конечно, есть и те, что не поддерживают установку через vim-plug, Vundle или иные пакетные менеджеры. Но с годами их становится всё меньше: люди реже пользуются плагинами, которые нельзя установить легко.

31 Пройдёмся по самым часто используемым плагинам, которые может использовать каждый специалист вне зависимости от стека технологий.

32 vim-sensible.Плагин vim-sensible применяет общепринятые настройки Vim. Также он хорош, если вам нужно копаться на сервере в Vim, но вы там не один. Позже, если настройки этого плагина вас перестанут устраивать, можно его удалить.

33 vim-surround.Помогает легко работать с парными символами (скобки или кавычки). Например, с его помощью вы можете заменить любые парные символы на другие. Допустим, в этом коде нам нужно использовать интерполяцию в строке. В Ruby принято строки без интерполяции обрамлять в одинарные кавычки, а с интерполяцией - в двойные. Vim-surround позволяет, находясь внутри блока, нажатьcs ‘ ‘’.Сначала идёт символ одинарных кавычек - их нужно заменить, потом символ двойных - на них нужно заменить:

34 Скриншот: Skillbox MediaЗамена кавычек произошла, теперь можем легко использовать интерполяцию:

35 Скриншот: Skillbox MediaNERDTree - плагин для работы с деревом файлов. Мы подробно рассмотрим его в следующих уроках.

36 vim-commentary - плагин для комментирования кода в разных языках программирования.

37 FZF- плагин для нечёткого поиска по проекту. Ищет не только по коду и файлам, но и по коммитам, по буферам и так далее.

38 vim-airline- строка статуса внизу экрана. Другие плагины любят использовать эту строку для отображения информации. Да и в целом ориентироваться по файлу с помощью этой строки становится легче.

39 Остальные плагины и готовые сборки для языков программирования мы обсудим на следующих уроках.

40 .vimrc - по умолчанию основной файл, в котором хранятся все настройки вашего редактора. Как правило, в нём пишут команды Vim, которые можно вызывать в режиме командной строки. То есть, по сути, настройка Vim через .vimrc - это выполнение всех команд, которые написаны в .vimrc. Исключение составляют команды, которые относятся к конкретным плагинам, - например, vim-plug (см. предыдущий урок).

41 Попробуем с вами основные настройки, которые можно делать в .vimrc.

42 Команда: set hlsearchизменяет настройки подсветки поиска в редакторе: после её ввода любой поиск будет подсвечиваться до момента закрытия редактора. Добавим эту команду в .vimrc - и теперь эта настройка будет включаться в редакторе по умолчанию:

43 Скриншот: Skillbox MediaПроверяем! Закрываем редактор. Открываем заново и выполняем поиск. Работает!

44 Скриншот: Skillbox MediaВ предыдущих уроках<a>мы уже сетовали</a>, что переход между окнами в Vim довольно сложный: комбинацияCtrl + w и направление. Переназначим этот переход на простоCtrl и направление. Назначим другой набор клавиш для перехода между окнами. Как нам это сделать?

45 В режиме командной строки есset есть команда для перехода между окнами : wincmd. В качестве аргумента она принимает направление перехода. Воспользуемся этой командой для настройки в нашем .vimrc:

46 Скриншот: Skillbox MediaДля назначения клавиш в Vim существует команда map, которая принимает два аргумента: коллекция клавиш, которые надо нажать, и действие, которое нужно выполнить:

47 Скриншот: Skillbox MediaВы можете назначить комбинацию клавиш отдельно для каждого режима:

48 <ul><li>nmap(normal mode) назначается только для командного режима;</li>

49 <li>imap(insert mode) - для режима ввода;</li>

50 <li>vmap(visual mode) - для визуального режима;</li>

51 <li>smap(select mode) - для режима выделения;</li>

52 <li>cmap(command-line mode) - для режима командной строки.</li>

53 </ul>Мы хотим назначить переход между окнами только в командном режиме, поэтому вводим nmap <C-k>: wincmd k<CR>, где nmap - назначение для командного режима, а <C-k> -комбинация клавишCtrl + k.

54 Скриншот: Skillbox MediaДалее идёт команда, которая вызывается комбинацией клавиш : wincmd k<CR>. <CR> - это по умолчанию обозначение клавишиEnter. Она тут нужна, потому что после ввода команды нужно нажатьEnter. Пробуем. Перезапускаем редактор. Открываем два окна. НажимаемCtrl + k. Работает!

55 Скриншот: Skillbox MediaНо мы видим, что команда : wincmd k отобразилась внизу. Это не обязательно - ведь нам не хочется, чтобы постоянно висело напоминание о переходе между окнами. Возвращаемся в .vimrc и добавляем аргумент <silent>:

56 Скриншот: Skillbox MediaЭтот аргумент убирает вывод команды, которая исполняется в редакторе. Пробуем:

57 Скриншот: Skillbox MediaПереход работает, команда не отображается. Остаётся только повторить эту настройку для переходов в другие стороны.

58 Теперь назначим комбинацию клавиш, которая будет отвечать за сохранение. Вводим: map <F2> <Esc>: w<CR>.

59 Скриншот: Skillbox MediaНажатиеEscпо умолчанию будет вызывать переход в командный режим, после чего нужно будет ввести : w и нажатьEnter. Делаем аналогичные назначения на закрытие без сохранения:

60 Скриншот: Skillbox MediaИ на сохранение с закрытием:

61 Скриншот: Skillbox MediaОтображение номеров строк в Vim можно написать как set nu и как set number:

62 Скриншот: Skillbox MediaСледующая настройка, set nocompatible, отключает совместимость Vim с Vi:

63 Скриншот: Skillbox MediaЭтого требуют многие современные плагины, потому что такая совместимость приводит к непредсказуемым последствиям в их работе. Дело в том, что поддержкой совместимости именно с Vi практически никто не занимается. Советуем добавить эту настройку, если не вы не ярый фанат Vi.

64 Следующие настройки, filetype on и syntax on, регулируют подсветку кода в Vim:

65 Скриншот: Skillbox MediaБез первой из них большинство плагинов отлично справляются сами, включая специальные функции для расширений файлов. Некоторые даже требуют её отключить - например, в наших настройках Vim написано filetype off. Советуем оставить filetype on до тех пор, пока не потребуется обратное.

66 Вы также можете настроить подсветку строки и колонки, в которой находится курсор, с помощью set cursorline и set cursorcolumn:

67 Скриншот: Skillbox MediaВыглядит это так:

68 Скриншот: Skillbox MediaВ нашем случае эти настройки не добавлены, потому что лишние линии отвлекают. Правда, для set cursorcolumn можно добавить назначение на клавишуF8, чтобы иногда проверять выравнивание форматировании кода. Это полезно, например, когда требуется найти потерявшуюся закрывающую скобку. Как именно включать и отключать настройки по клавише, мы обсудим на следующих уроках.

69 Команда set nowrap не будет переносить длинные строки:

70 Скриншот: Skillbox MediaКоманда set history=1000 сохраняет историю стольких команд командной строки, сколько вы укажете:

71 Скриншот: Skillbox MediaПо умолчанию их 20.

72 Следующая наша задача - установка цветовой схемы. Предлагаем скачать одну из самых популярных цветовых схем для Vim - Molokai:

73 Скриншот: Skillbox MediaЦветовые схемы Vim хранятся в директории~/.vim/colors:

74 Скриншот: Skillbox MediaСкачаем и положим в эту папку файл цветовой схемы. В Linux это делается с помощью команды curl -o molokai.vim https://raw.githubusercontent.com/tomasr/molokai/master/colors/molokai.vim:

75 Скриншот: Skillbox MediaПереходим в наш файл .vimrc и задаём нашу цветовую схему. Закрываем и открываем Vim. Цветовая схема применилась. Красота!

76 Скриншот: Skillbox MediaВы можете не только скачивать готовые цветовые схемы, но и изменять их, а также создавать свои. Откроем файл, который мы скачали:

77 Скриншот: Skillbox MediaПервые строки кода - в основном про совместимость схемы с редактором. А вот со строки 47 начинается сама цветовая схема. Как видим, здесь есть знакомые каждому программисту обозначения: Boolean, Character, Constant и так далее:

78 Скриншот: Skillbox MediaПоменяем, например, цвет Boolean-значений на белый. Так как у нас 256-цветный терминал, поменяем цвет именно в модуле, который отвечает за его поддержку:

79 Скриншот: Skillbox MediaЗакрываем Vim, открываем заново Ruby-файл. Вводим Boolean-значения true и false. Они стали белыми:

80 Скриншот: Skillbox MediaАналогично можно поменять всю цветовую схему на ваше усмотрение. С этим можно играться несколько часов!

81 Теперь настроим статус-бар. Можно сразу накатить кучу фич с помощью плагина vim-airline, но для того, чтобы понимать, как его настраивать, попробуем сперва настроить бар самостоятельно. Вводим : help statusline:

82 Скриншот: Skillbox MediaРазберём лишь несколько очевидных фич, которые уже реализованы в vim-airline.

83 Открываем .vimrc-файл. Вначале нужно очистить статуслайн. Для этого пишем строку кода set statusline=:

84 Скриншот: Skillbox MediaТеперь на следующей строке пишем set statusline += set statusline+=\ %F\ %R:

85 Скриншот: Skillbox MediaПараметрFздесь означает вывод полного адреса файла, а параметрRпоказывает RO, если файл имеет статус read-only. Далее добавим текущую ветку Git. Сперва нам нужно получить название текущей ветки. Создадим переменную внутри .vimrc: let gitBranch=system ("git rev-parse --abbrev-ref HEAD"):

86 Скриншот: Skillbox MediaС помощью такой команды можно получить текущую ветку в Git-репозитории. Как таковой интерполяции в .vimrc нет, поэтому будем использовать лайфхак. Он помогает выполнить действия при отсутствии важных функций типа интерполяции.

87 Вводим следующую строку execute "set statusline +=". gitBranch:

88 Скриншот: Skillbox MediaПроверяем! Значение из переменной gitBranch добавлены в статус-бар:

89 Скриншот: Skillbox MediaТеперь давайте в правую часть статус-бара добавим следующие данные: set statusline+=\ Row:\ %l\ Col:\ %c\ Percent:\ %p%%:

90 Скриншот: Skillbox MediaЗдесь %l - номер строки, %c - номер столбца, а %p выводит местонахождение курсора в процентном соотношении к размеру файла.

91 Впрочем, лучше действительно поставить vim-airline и использовать его. Давайте так и сделаем. Добавляем Plug 'vim-airline/vim-airline и вводим команду : PlugInstall:

92 Скриншот: Skillbox MediaВсё, готово! Красивый статус-бар!

93 Скриншот: Skillbox MediaЭто все настройки, которые мы хотели вам показать в этом уроке. Но их существует ещё множество. Можно сохранять их, переносить на разные компьютеры, устанавливать заново после обновления системы. Просто сложите нужные файлы в нужные места и перезагрузите редактор! Не во всех современные IDE есть такая возможность.

94 Также советуем создать собственный репозиторий для настройки рабочего окружения. Такие репозитории (их ещё называют dotfiles) обычно имеют одну команду для установки всего, что нужно, на свежую ОС. Например, у автора этого курса есть собственный репозиторий dotfiles, в котором сохранены все нужные настройки Vim. Хранятся они в файле .vimrc.

95 Советуем сразу добавлять в глобальный файл.gitignoreфайлы с расширением.swpи .swn. Это типы файлов, которые Vim создаёт, когда вы редактируете другие файлы. Чтобы случайно не закоммитить их в репозиторий, лучше сразу сделать глобальную настройку на всю систему.

96 Добавлять эти файлы в настройки конкретного репозитория - очень плохой тон: не факт, что в вашем проекте все будут использовать Vim. Такие настройки должны быть настроены у каждого лично.

97 NERDTree - самый популярный плагин для просмотра дерева файлов в проекте и управления им. Разберём, как им пользоваться.

98 Устанавливаем плагин с помощью vim-plug (это займёт секунд пять):

99 Скриншот: Skillbox MediaПерезагружаем редактор:

100 Скриншот: Skillbox MediaЧтобы открыть окно с деревом файлов, вводим команду : NERDTree:

101 Скриншот: Skillbox MediaВы можете забиндить её на любую комбинацию клавиш. Более того, существует команда : NERDTreeToggle, которая откроет NERDTree, если он закрыт, и закроет, если открыт. У нас эта команда находится на комбинацииCtrl + f:

102 Скриншот: Skillbox MediaПо умолчанию NERDTree считает корневой директорией ту, откуда запустили vim. Папки и файлы открываются нажатием на клавишуо. По умолчанию файлы откроются в окне справа, а папки развернутся. Если хотите открыть файл в новом окне, нажмитеi:

103 Скриншот: Skillbox MediaТе же правила работают при нажатии клавишиs, только разделение окон будет вертикальным. КомбинацияShift + iпоказывает скрытые файлы:

104 Скриншот: Skillbox MediaПовторное нажатие снова их скроет. Добавление файла или папки делается следующим образом: перейдите в директорию, в которой хотите их создать, нажмитеma. Вводите название файла. Если в конце названия поставить слеш, будет создана папка:

105 Скриншот: Skillbox MediaЕсли вы хотите создать файл в папке, которой не существует, вводите полный адрес файла, и папки будут созданы автоматически.

106 Чтобы изменить название или адрес файла, вводимmmи новое название:

107 Скриншот: Skillbox MediaДля копирования вводимmcи новое название:

108 Скриншот: Skillbox MediaДля удаления файла вводимmdи подтверждаем нажатием на Enterилиy:

109 Скриншот: Skillbox MediaВажное отличие NERDTree от большинства деревьев файлов, к которым мы привыкли, - оно не обновляется автоматически. Если у вас появился или удалился файл или обновилось его имя, нужно нажатьShift + r, чтобы файлы обновились:

110 Скриншот: Skillbox MediaВот и все основные фичи этого плагина. В следующем уроке мы поговорим о плагинах для языков программирования.