Question

我有一个问题，即在我的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>，{{1}之后插入一个空行}，</main>和</footer>代码。

有人能提供解决方案吗？

Answer 1

某些元素的内部缩进由format.noIndentTags首选项控制：http://docs.emmet.io/customization/preferences/您只需将此首选项设置为null

preferences.json

使用{${newline}}表达式插入换行符。例如。在文本节点中输出newline变量。您还可以创建自己的代码段作为此表达式的快捷方式，也可以创建自己的代码段，只输出换行符。

emmet片段扩展名从html缩进头部和主体并插入额外的换行符

1 个答案: