如何使Sublime Text片段与Emmet一起安装

时间:2016-12-16 09:46:54

标签: sublimetext3 emmet

我正在尝试在Sublime Text 3中制作一个仅适用于CSS文件的片段。这是我的代码片段:

<snippet>
    <content><![CDATA[/*
Theme Name: ${1:Theme name here and so on...}
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 1.0.0
License: 
License URI: 
Text Domain: 
Tags: 
*/]]></content>
    <tabTrigger>xyz</tabTrigger>
    <scope>source.css</scope>
</snippet>

问题是,如果我打开一个CSS文件,输入xyz并点击标签,我将得到的是xyz: ;。因此,似乎Sublime Text已经指定选项卡来插入: ;而不是我的代码段。

如果删除插件包Emmet,则不会发生此问题。

如何让这个代码段生效?

2 个答案:

答案 0 :(得分:1)

由于您已经在使用Emmet,请考虑改为使用Emmet snippet

{
    "css": {
        "filters": "css",
        "profile": "css",
        "snippets": {
            "xyz": "/*\nTheme Name: ${1:Theme name here and so on...}\nTheme URI: \nAuthor: \nAuthor URI: \nDescription: \nVersion: 1.0.0\nLicense: \nLicense URI: \nText Domain: \nTags: \n*/"
        }
    }
}

答案 1 :(得分:1)

http://github.com/sergeche/emmet-sublime#tab-key-handler上的文档表明,通过在Emmet首选项文件中添加以下首选项,可以在启用Emmet的CSS文件中使用片段:

"disabled_single_snippet_for_scopes": "source.css"