Найти в Дзене

Настройка vim для веб-разработки. Часть 1: minpac и vim-css-color.

Настройки в этой статье и последующих, будут вестись на MacOS. Соответственно для всех UNIX-подобных систем тоже подойдёт. Последовательность настроек для windows не много другие, тут я их описывать не буду, винды у меня теперь нет, не на чем протестировать. Но вы можете воспользоваться различными эмуляторами - Ubuntu LTS, Cygwin, VirtualBox.

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

Просматривая ту статью, то наверное заметили, что у меня подсвечивались  цвета hex-кодов. Это получилось за счёт плагина ap/vim-css-color. Для его установки нужен minpac. Этот менеджер плагинов тоже был упомянут в той статье.

Установка minpac:

Скопируйте и вставьте в терминал строку ниже.

git clone https://github.com/k-takata/minpac.git ~/.vim/pack/minpac/opt/minpac

Настройки minpac для .vimrc:

function! PackInit() abort packadd minpac

call minpac#init()
call minpac#add('k-takata/minpac', {'type': 'opt'})

"
Сюда добавляйте плагины
endfunction

command! PackUpdate call PackInit() | call minpac#update()
command! PackClean call PackInit() | call minpac#clean()
command! PackStatus packadd minpac | call minpac#status()

Небольшое отступление.
Файл .vimrc сейчас начинает заполняться разными настройками, плагинами, командами и тд и тп. Со временем этот файл-конфиг будет содержать несколько сотен строк и если не позаботиться о структуре файла сейчас, потом будет сложнее читать и править. Моё предложение - раздробить все настройки по файлам а потом собрать всё в одном файле и импортировать его в .vimc

Как это будет выглядеть:

  • Создаём главный файл (main.vimrc), в нём будут собираться все файлы с конфигами.
  • Каждый отдельный файл с теми или иными настройками проще всего назвать по названию устанавливаемого плагина. Например для настроек из плагина prettier файл будет называться prettier.vimrc, а в нём все настройки касательно этого плагина.
  • Для менеджеров плагинов отдельные файлы тоже. Например для менеджера Vundle ---> vundle.vimrc, и в нём все те плагины, которые устанавливаются с помощью него.

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

Папку содержащую все эти файлы назовите как угодно, я назвал vimconfig.

Чтобы импортировать содержание нужного файла прописывается полный абсолютный путь до него -  source путь / до / файла.vimrc

В файл в .vimrc запишется только одна строчка, это путь до главного собирательного файла - main.vimrc в данном случае.

.vimrc содержит одну сточку с импортом из другого каталога главного собирательного файла с настройками.
.vimrc содержит одну сточку с импортом из другого каталога главного собирательного файла с настройками.

Возвращаемся к minpac.
Если вы последовали моему предложению разделять файлы для удобства правки настроек, то вы наверное создали файл для minpac (например minpac.vimrc). В него должны были переместить из .vimrc все те настройки которые связаны с minpac. (смотри выше)

Теперь можно воспользоваться установщиком minpac и установить нужный плагин ap/vim-css-color. Для этого вставьте под комментарием -"Сюда добавляйте плагины - вставьте строку:

call minpac#add('ap/vim-css-color')

В vim вызовите команду :PackUpdate, и всё должно успешно установиться.

Надеюсь кому-то статья была полезная, если это так - то это вам, как и для меня, очередная заметка по настройке vim 😉

В следующей статье сделаю заметку по установке nerdtree + dev-icons. NERDTree - крайне удобный плагин для навигации по директориям и файлам в них. Dev-icons - плагин добавляющий значки к расширениям файлов в дереве каталогов.