Question

html：默认情况下，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？

Answer 1

我假设您使用的是emmet-vim插件。

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

以下是vim.org上plugin documentation的说法：

您可以使用覆盖配置自定义展开行为。此配置将在加载插件时合并。

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？

1 个答案: