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

标签 sublimetext2 code-snippets emmet abbreviation

我有一个关于在我的 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
  2. 中将此首选项设置为 null
  3. 使用{${newline}} 表达式插入换行符。例如。在文本节点中输出 newline 变量。您还可以创建自己的代码片段作为此表达式的快捷方式,或者创建自己的代码片段来简单地输出换行符。

关于sublimetext2 - emmet 片段扩展缩进 html 的头部和主体并插入额外的换行符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23317168/

相关文章:

ruby - Sublime Text 是否支持 Ruby API(自动完成)?

java - Sublime Text 2 在 Java 开发方面胜过 Eclipse

sublimetext2 - Sublime 的对齐不起作用

javascript - 如何让用户使用反引号发布代码片段并使用 google code preetify 显示代码?

css - 在 Sublime Text 上使用 SASS 自动完成缺少分号?

ubuntu - 从 cmd 使用 vagrant ssh 时从文本编辑器显示图形界面?

validation - 在 Postman 测试中使用哪个片段来验证 header 值的一部分

javascript - 自动运行 JavaScript 脚本片段

netbeans - 如何在 Netbeans 中触发 Emmet 扩展?

html - 使用Emmet时如何给HTML标签添加属性?