sublime text 设置新的代码段及标签自闭合

默认sublime text在响应html文件的时候，按下html:5，按下tab建将建立如下模板：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

</body>
</html>

如果我们每一次的页面都是中文语音，并且meta给出闭合标签，而且缩进想成如下样子：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<title>Document</title>
</head>
<body>

</body>
</html>

在可以点击工具–>新代码段中定义自定义代码段。
触发按键设置html:5，范围设置成text.html。如下：

<snippet>
    <content><![CDATA[
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<title>${1:Document}</title>
</head>
<body>
    ${0}
</body>
</html>
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <!-- <tabTrigger>hello</tabTrigger> -->
    <tabTrigger>html5</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
    <scope>text.html</scope>
</snippet>

保存，注意，文件名以.sublime-snippet结尾。

这样输入html5按下tab键将实现自定义模板。

修改闭合标签，如meta,img，hr,br标签自闭合。

这里写图片描述

内容为：

{
    "syntaxProfiles":{
        "html":"xhtml"
    }
}

这样设置之后，标签就会自闭合了。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<title>标签闭合</title>
</head>
<body>
    <img src="" alt="" />
    <hr />
    <br />
    <input type="text" />
</body>
</html>

sublime text 设置新的代码段及标签自闭合

猜你喜欢