为什么不能为展开的 html:5 添加 link 标签？

Question

html:5默认使用emmet展开如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

</body>
</html>

我想在 vim.

中扩展 html:5 时按如下方式自定义它

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link  href="" >
</head>
<body>

</body>
</html>

这是我的尝试。

vim snippets.json
#to change the line containing doc": as
doc": "html>(head>meta[charset=${charset}]+meta:vp+meta:edge+link[href=\"\"])+body",

为什么扩展html:5时仍然没有link标签？

Answer 1

我假设您正在使用 emmet-vim 插件。

它在内部存储了完整的 emmet 配置，包括片段部分 .vim/autoload/emmet.vim 文件，这就是为什么它看不到您对独立 snippets.json 文件所做的更改的原因。

vim.org 的 plugin documentation 是这样说的：

You can customize behavior of expanding with overriding config. This configuration will be merged at loading plugin.

let g:user_emmet_settings = {
\  'indentation' : '  ',
\  'perl' : {
\    'aliases' : {
\      'req' : 'require '
\    },
\    'snippets' : {
\      'use' : "use strict\nuse warnings\n\n",
\      'warn' : "warn \"|\";",
\    }
\  }
\}

因此，要将 <link/> 添加到 html:5 片段，您需要做的是将以下内容添加到您的 ~/.vimrc 文件：

let g:user_emmet_settings = {
\  'html' : {
\      'snippets' : {
\            'html:5': "<!DOCTYPE html>\n"
\                    ."<html lang=\"${lang}\">\n"
\                    ."<head>\n"
\                    ."\t<meta charset=\"${charset}\">\n"
\                    ."\t<title></title>\n"
\                    ."\t<link href=\"\">"
\                    ."</head>\n"
\                    ."<body>\n\t${child}|\n</body>\n"
\                    ."</html>"
\      }
\   }
\}

现在，当您重新启动 vim 并键入 html:5 <c-y>, 时，它将产生您想要的结果：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link href="">
</head>
<body>

或者，安装 Vim WebAPI plugin，然后加载您的自定义 snippets.json，如下所示：

~/.vimrc

let g:user_emmet_settings = webapi#json#decode(join(readfile(expand('~/snippets.json')), "\n"))

~/snippets.json

{
"html" : {
    "snippets": {
        "html:5": "<!DOCTYPE html>\n <html lang=\"${lang}\">\n<head>\n \t<meta charset=\"${charset}\">\n \t<title></title>\n \t<link href=\"\"> </head>\n <body>\n\t${child}|\n</body>\n </html>"
        }
    }
}

为什么不能为展开的 html:5 添加 link 标签？

Why can't add link tag for expanded html:5?

html

vim

emmet