emmet代码段扩展从html缩进头和正文,并插入额外的换行符



我有一个关于在snippets.json扩展中使用自定义缩写在起始html5文档中缩进和插入额外空行的问题。

我的自定义缩写如下:

"doc": "html[lang=${locale}]>(head>meta[charset=UTF-8]+title{${1:PageTitle}}+link:css)+(body>(header+main+footer)"

上面的缩写产生了以下起始html:

<!DOCTYPE html>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <title></title>
  <link href="css/style.css" rel="stylesheet">
</head>
<body>
  <header></header>
  <main></main>
  <footer></footer>
</body>
</html>

我想将<html>标记之间的所有内容再缩进一级,并在<html lang="en-US"></head></header></main></footer></html>标记后面插入一行空行。

有人能提供解决方案吗?

  1. 某些元素的内部缩进由format.noIndentTags首选项控制:http://docs.emmet.io/customization/preferences/您可以简单地在preferences.json中将此首选项设置为null
  2. 使用{${newline}}表达式插入换行符。例如,在文本节点中输出newline变量。您也可以创建自己的代码段作为此表达式的快捷方式,或者创建只输出换行符的代码段

最新更新