如何修改atom的html自动补全内容?


#1

下载安装了atom以后,默认的html自动补全:
当我打开一个html文件时,在新的一行中输入一个"p" 然后按键盘的tab键进行标签自动补全,补全内容为如下
<p>

</p>
中间有一个空行,我更习惯于将p标签补全为:
<p></p>
然后光标停留在标签中间。
有人知道我该修改哪个插件的哪个功能吗?


#2

研究了几天 现在自己来补上正解吧。
问题就出在 language-html这个package 其中有一个snippets.cson文件,此文件中决定了atom编辑器中 html文件的 tab键的自动补全规则,查找一下就会发现这段代码:
'Paragraph': 'prefix': 'p' 'body': '<p>\n\t$1\n</p>'
改为:
'Paragraph': 'prefix': 'p' 'body': '<p>$1</p>$0'
问题解决。
不过由于language-html这个package是core插件而不是自己安装的插件,所以无法在atom/app/package目录下直接修改,并且那种修改方式也是不安全的,然而这个package并没有提供任何setting选项,所以我就在atom的菜单中选择了snippets,直接在底下补上了自己的这一条规则:
'.text.html, .text.html .meta.scope.between-tag-pair, .text.html .punctuation.tag.begin': 'Paragraph': 'prefix': 'p' 'body': '<p>$1</p>$0'
由于这个snippets文件的优先级似乎是最高的,因此覆盖掉了language-html那个package里边的snippets,问题解决了!


#3

插件怎么安装呢,请赐教啊。感激


#4

我是这么安装的:
cd C:\Users~.atom\packages
git clone https://github.com/Glavin001/atom-beautify
cd atom-beautify
apm install


#5

最简单的直接在atom editor打开后的界面里,选项 找package,然后install 搜索你想装的插件。
language-html这个插件你是不用装的,因为是内置的,所以直接去已经安装的插件里看就有。


#6

要是直接在install 里搜到插件直接就能装,我就不这么辛苦了。。。谢