VIM: Как выполнить автозаполнение в файле CSS с идентификаторами тегов и именами классов, объявленными в файле HTML

Question

Я пытаюсь VIM для редактирования HTML, CSS и JavaScript.Я установил несколько плагинов и настроил VIM так, чтобы он позволял мне автоматически собирать стандартный код HTML / CSS.И теперь я хочу автозаполнить свой код CSS с помощью идентификаторов тегов и имен классов, размещенных в файлах HTML, как в Apatana.Например:

У меня есть 1.html файл со следующими строками:

<div id="my_id"> </div>
<div class="my_class"> </div>

И у меня есть 1.css файл с:

#my_id{border-style:dotted}
.my_class{border-style:solid}

Когда я 'Отредактировав файл CSS и нажав <c-x><c-o> сразу после #, я хочу, чтобы VIM предложил мне идентификаторы тегов из файла 1.html.То же самое для имен классов тегов.Что мне делать?

Answer 1

<C-x><C-o> для ключевых слов для конкретного языка, таких как <table> в файле HTML или background-color в файле CSS, правильные сочетания клавиш для завершения слова: <C-n> и <C-p>.

Предположим, что ваши файлы HTML и CSS загружены в два буфера (HTML может быть скрыт или видим в разделении), вы должны ввести пару символов идентификатора или имени класса и нажать <C-n> для списка возможных завершений.

Введите :help ins-completion для получения дополнительной информации.

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

Answer 2

Мне показалось полезным добавить следующую строку в мой vimrc

autocmd FileType css,scss set iskeyword=@,48-57,_,-,?,!,192-255

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