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上实现这一点。有人知道我在哪里可以改变它,使它模仿相同的功能吗?
最佳答案
http://www.devstavern.com/emmet/custom-comments-in-emmet-sublime-atom-and-others/
在上面链接的帮助下,我自己解决了这个问题,下面是答案:
编辑Atom上的emmet设置。
将“Settings”标题下的扩展名路径更新到要保存preferences.json文件的位置,我们将在下一步创建该文件,我在dropbox文件夹中创建了一个文件夹,以便可以从任何位置访问该文件。
在我们刚刚创建的文件夹中创建preferences.json文件,在下面添加以下代码
同一行注释:
{
"filter.commentAfter": "<!-- /<%= attr('id', '#') %><%= attr('class', '.') %> -->"
}
新行注释:
{
"filter.commentAfter": "\n<!-- /<%= attr('id', '#') %><%= attr('class', '.') %> -->"
}
转到
.atom\packages\emmet\node_modules\emmet\lib
文件夹并编辑snippets.json。找到html代码片段并将过滤器设置更改为“html,c”,这将自动在上面显示的任何自动完成的代码的末尾添加注释。
塔达,成功了!
更新(05/11/15):
确保在保存更改后重新启动Atom。
关于html - Atom-Emmet软件包:结束语,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32299333/