VIM:如何使用HTML文件中声明的标记ID和类名在CSS文件中自动完成

Question

我正在尝试使用VIM进行HTML,CSS和JavaScript编辑.我已经安装了许多插件并配置了VIM,因此它允许我自动识别标准HTML/CSS代码.现在我想自动填充我的CSS代码,其中包含放置在HTML文件中的标记ID和类名,就像在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文件中标记ID .标签类名称相同.我该怎么办？

Answer 1

我发现有用的是将以下行添加到我的.vimrc：

autocmd FileType css,scss setlocal iskeyword+=-,?,!

这可以帮助我使用各种特殊字符自动完成 id 和类。

Answer 2

<C-x><C-o>对于特定于语言的关键字（例如<table>在 HTML 文件或background-colorCSS 文件中），单词完成的正确快捷方式是<C-n>和<C-p>。

假设您的 HTML 和 CSS 文件加载到两个缓冲区中（HTML 可以在拆分中隐藏或可见），您应该输入 id 或类名的几个字符，然后单击<C-n>可能的补全列表。

输入:help ins-completion以获取更多信息。

我使用AutoComplPop，它提供实时完成功能，但还有其他选项。