Vim для front-end web-dev

Лучше найди сам, точно-точно проку больше проку будет, чем кэпа и других мамкиных верстальщиков слушать.

Я повседневный vim сам под себя подгонял. Для и для front-end'a юзабельно сделал, просто надеюсь подсмотреть каких-нить мелких хаков.

https://www.reddit.com/r/vim/search?q=web&restrict_sr=on&sort=relevan...

Тут смотри.

Что конкретно интересует-то? С такой постановкой задачи тебе всякой ереси накидают, в которой толку будет ноль (в т.ч. на имакс его посоветуют сменить). А может так случиться, что и во вред пойдёт. А если не знаешь, что тебе надо, то тебе ничего не надо.

Пока только выработались хотелки:

• Есть main.css в котором:

  .class1 {}
  .class2 {}
  .class3 {}
  ...
  и т.д. и т.п.
  

  
  Я хочу, чтобы в index.html, когда набираю <div class="... предлагались только классы из *.css, а не кучу непонятно чего.
• Не могу фолдинги осилить. Приходится ручками zfat

Из плагинов сейчас есть:

othree/html5-syntax.vim
Valloric/MatchTagAlways
othree/html5.vim
hail2u/vim-css3-syntax
mattn/emmet-vim
tpope/vim-surround
Shougo/neocomplete.vim
scrooloose/syntastic

хз, насколько полезно, но могу предложить https://github.com/skammer/vim-css-color. вебдевом не занимаюсь, однако при редактировании gtk.css помогало

Ты перечислил больше плагинов, чем я пользую. Вообще, толковых плагинов под html/css не так много, я бы даже сказал, что их совсем нет. А под твой юзкейс вообще не встречал, хотя какое-то время назад самому надо было, в итоге забил. Пошукай по тредам кепа (и его предыдущих инкарнаций), у него там было что-то про веб.

Vim-jade, vim-stylus
Eslint split-ом в tmux-е

Ой, в этом случае лучше Adobe Brackets с Vimdebar-ом
На ютуб-канале Sorax есть хорошее видео по нему

Спасибо, возьму на заметку.

Да, я утащил у него несколько мелочей.

Из плагинов сейчас есть:

Можно добавить:

• автоформатер Chiel92/vim-autoformat для всех файлтипов.
• пипетку KabbAmine/vCoolor.vim
• отступы Yggdroot/indentLine

ну и обязательно, если в js, тоже:

Plug 'pangloss/vim-javascript',      { 'for': ['javascript', 'html'] }
Plug 'jelera/vim-javascript-syntax', { 'for': ['javascript', 'html'] }

Plug 'elzr/vim-json'
let g:vim_json_syntax_conceal = 0

Plug 'marijnh/tern_for_vim', { 'do': 'npm install' }
let g:tern_show_argument_hints = 'on_hold'

Я хочу, чтобы в index.html, когда набираю <div class="... предлагались только классы из *.css

Интересно было бы узнать, пригодилось бы, хотя за столько лет и без этого всё нормально было.

Только что проверил на vim+neocomplete, tmux/vim+neocomplete+tmux-complete и nvim+deoplete, нигде не работает.

Пожалуй создам новый топик, тема интересная.

Есть main.css в котором:

.class1 {}
.class2 {}
.class3 {}
...
и т.д. и т.п.

Я хочу, чтобы в index.html, когда набираю <div class="... предлагались только классы из *.css, а не кучу непонятно чего.

Из коробочное omni-completion(i_CTRL-X_CTRL-O) же так и делает.