sublime text3中设置Emmet输入标签自动闭合

Posted 戒急静心

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了sublime text3中设置Emmet输入标签自动闭合相关的知识,希望对你有一定的参考价值。

我们知道 emmet 功能实在过于强大, 强大的我们不忍心甩弃它,但我们在写 html代码的时候会发现,类似 img,link,source,input等标签不会闭合,没有斜杠。下面我们就来看看如何设置,让这个斜杠出现。

工具/原料

方法/步骤

1、打开sublime text 如图所示点击,选择菜单栏里的【settings-default】

2、在里面最下面找到 如图这一段

"syntaxProfiles": {
        // Enable XHTML dialect for HTML syntax
        // "html": "xhtml"
        // 
        // Write chained CSS abbreviations on single line:
        // "css": "css_line"
    }

把如图这段内容复制下来(这个页面里面的东西是不允许修改和添加的哦)

3、如图继续找到 【settings-user】

4、把刚才复制的内容,粘贴在里面

如图别忘了在最外面还要加上一个大括号

5、如图所示,在图片位置把以下这段内容复制黏贴进去。

// force XHTML profile for HTML syntax
   "html": "xhtml",
   // create our own profile for XML
   "xml": {
       "tag_case": "upper",
       "attr_quotes": "single"
   }

6、保存 , 重启 sublime text, OK 现在img之类的标签就默认闭合了哦

注意事项

  • 此方法为本人亲测有效。
  • 链接:http://jingyan.baidu.com/article/fedf073755e95635ac8977ac.html

以上是关于sublime text3中设置Emmet输入标签自动闭合的主要内容,如果未能解决你的问题,请参考以下文章

sublime text3 emmet 插件 安装方法,,快捷键

sublime text3 emmet 插件 安装方法,快捷键

在Sublime Text3中安装Emmet插件

Sublime text3 014 emmet 配置

Sublime text3 013 emmet 插件

sublime text3安装emmet插件