Emmet关闭div的评论应该是同一条线,怎么样?

时间:2014-06-19 05:56:52

标签: html emmet

当我输入.container|c并按Tab键时,我需要结果为;

<div class="container">

</div> <!-- /.container -->

不是;

<div class="container">

</div>
<!-- /.container -->

有没有办法改变这种行为? (我在括号内使用Emmet),我需要在结束标记的同一行关闭div的注释,而不是在新行,因为有时我不小心在结束div标签之间添加了更多内容和评论。

2 个答案:

答案 0 :(得分:3)

将以下内容添加到Sublime Text中的Emmet用户设置(菜单选项首选项&gt;包设置&gt; Emmet&gt;用户 - 设置):

  "preferences": {
    "filter.commentAfter": "<!-- /<%= attr(\"id\", \"#\") %><%= attr(\"class\", \".\") %> -->"
  }

来源:

http://iaintnoextra.tumblr.com/post/68089741466/automatically-add-closing-comments-to-html-using

答案 1 :(得分:0)

编辑: 如果是Brackets,请遵循这个肮脏的黑客行为,如果是崇高的话,请按照接受的答案进行操作。

在我修改了comment.js(emmet / lib / filter / comment.js)

后,它工作了

更改了第19行的代码

'\n<!-- /<%= attr("id", "#") %><%= attr("class", ".") %> -->',

'<!-- /<%= attr("id", "#") %><%= attr("class", ".") %> -->',

基本上删除了生成评论的代码之前的\n,实际上这个\n导致评论出现在新行上。

修改:在 Visual Studio代码中,将以下内容添加到您的用户设置中,

"emmet.preferences": {
  "filter.commentAfter": "<!-- /[#ID][.CLASS] -->"
}

注意:这个答案超过3年,所以Brackets的部分很多或很多都不起作用。