html - Atom - Emmet 包 : closing comments

Question

Emmet for Atom:在 html 结束标记后自动注释。

我似乎无法在任何地方找到解决这个问题的方法，所以我求助于这里。

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

在 Sublime Text 3 中，使用上面链接中的 emmet 用户首选项文件，emmet 会自动在结束 html 标记后添加注释；例如:

div.container

会产生:

<div class="container"></div><!-- /.container -->

我似乎在 Emmet 的包设置中找不到任何地方可以在 Atom V1 上实现这一点。有谁知道我可以在哪里更改它以模仿相同的功能？

Answer 1

http://www.devstavern.com/emmet/custom-comments-in-emmet-sublime-atom-and-others/

借助上面的链接，我设法自己解决了这个问题，这是答案:

1. 在 Atom 上编辑您的 emmet 设置。
2. 将“设置”标题下的扩展程序路径更新到您要保存我们接下来创建的 preferences.json 文件的位置，我在 dropbox 文件夹中创建了一个文件夹，以便我可以访问从任何位置提交文件。
3. 在我们刚刚创建的文件夹中创建一个preferences.json文件，在下面添加这段代码

同一行评论:

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

评论新行:

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

1. 转到您的 .atom\packages\emmet\node_modules\emmet\lib 文件夹并编辑 snippets.json。
2. 找到 html 片段并将过滤器设置更改为“html, c”，这将自动在上面显示的任何自动完成代码的末尾添加注释。

Ta-da，成功了!

更新 (05/11/15):

确保在保存更改后重新启动 Atom。