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

时间:2011-09-26 18:44:19

标签: css vim

我正在尝试使用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。标签类名称相同。我该怎么办?

2 个答案:

答案 0 :(得分:4)

<C-x><C-o>适用于特定语言的关键字,例如HTML文件中的<table>或CSS文件中的background-color,字词完成的右侧快捷键为<C-n>和{ {1}}。

假设你的HTML和CSS文件被加载到两个缓冲区中(HTML可以隐藏或在分割中可见),你应该输入id或类名的几个字符并点击<C-p>可能的完成列表。

输入<C-n>了解详情。

我使用提供实时完成的AutoComplPop,但还有其他选项。

答案 1 :(得分:3)

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

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

这有助于我使用各种特殊字符自动填充ID和类。