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
时间: 2024-08-10 17:04:37

sublime text3中设置Emmet输入标签自动闭合的相关文章

sublime text3 中cssrem安装与使用

sublime text3 中cssrem安装与使用 我们在移动端开发时,使用rem布局是一个不错的选择,及将所有元素的尺寸使用rem来设置,但是我们每次都需要先用设计稿中的值除以rem值然后才能得到最终的以rem为单位的数字,这时,cssrem插件就可以很好的解决我们遇到的问题了. (注:对于移动端布局,见我的另一篇博文<探究移动端开发>) 第一步:下载github中的cssrem,然后将名为cssrem-master文件夹移动到Preferences下的Browse Packages...

oc中设置手动引用和自动引用图解

1.把整个工程都设为手动引用 ----------------------------选中MRCAPP  再找到bulid settings------------------ ---------------------------------------在搜索框中输入arc---------------------------------------------------- 2.设置某个类手动引用 选中某个需要设置的类 然后双击     会跳出对话框  在里面输入:“-fno-abjc-ar

Python2在Sublime Text3中print中文时报错原因及解决办法

1,出现的问题及分析 在Sublime Text3中用ctrl+B运行python程序时,如果要打印输出英文时正常运行,而输出中文时则会报错,具体情况如下: Traceback (most recent call last): File "D:\PythonWorkplace\test_print_unicode.py", line 3, in <module> print u'程序' UnicodeEncodeError: 'ascii' codec can't enco

4.7 Sublime Text3 中配置 Python环境 --上之安装Sublime 3

返回总目录 目录: 1.展示效果: 2.缺优分析: 3.下载Sublime Text3 (一)展示效果: 1.能够交互式编写Python代码: 2.可以编写文件式Python代码: 3.能够自动补齐代码及智能提示: (1)导入及内建函数的提示: (2)对导入的模块,类以及函数的简单说明: (3)提示,补齐模块下的类,方法: 4.能够生成模板: 5.能够进行文件管理: (二)缺优分析 1.最大的优势是: (1)打开速度快,比起哪些大型的集成IDE快. (2)具有代码智能提示与补齐,比起自带的IDL

editText中设置回车输入不换行

editText中设置回车输入不换行 这是源码 Mms 编辑界面所使用的一个效果,在信息正文的编辑框里输入回车是不会实现换行的,实现代码如下,也许有时候你也有这样的需求. [java] view plaincopy Activtyy 实现TextView.OnEditorActionListener这个接口 public boolean onEditorAction(TextView v, int actionId, KeyEvent event) { if (event != null) {

sublime text3中emmet插件的使用

首先,想要快速编码需 要在编辑器中安装常用插件,下面是emmet插件的使用: html5文档结构的生成方式: 1).!+tab键 2).html:5 +tab键 头部head中meta字符集的生成: 1). meta:utf + tab键  生成:<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 2).meta:vp +tab键  生成 : <meta name=&

sublime text3中成功使用bootstrap3

在视图这里卡了挺久的,一直是自己在研究.其实自己有一个坏毛病,遇到问题,在网上搜集下找不到便寻求帮助(大多数是求助无效果,因为自己也没搞懂), 这时候自己就会懈怠一会,然后隔一两天心血起伏后便又继续干.本次讲解的是关于sublime text3的html快速生成功能的插件 第一,你要先下载package control的插件,这是一款用来管理插件的插件(有点拗口).下载方法参考http://jingyan.baidu.com/article/c14654134b8bde0bfcfc4c9a.ht

如何实现Sublime Text3中vue文件高亮显示的最有效的方法

今天第一次使用Sublime Text3软件,在实现vue文件高亮显示的过程中一直报错,经过了半天时间的不停尝试终于找到了最有效的一种解决方法!错误提示如下: 刚开始尝试了很多方法都不行,只要打开install Package就报错.无论是取消掉网络配置里的ipv_6选项,还是在hosts文件中添加映射也都不能解决问题.最后上网查找发现了一个真正有效的解决办法:remove package control and then re-install it manually.(转自http://www

sublime text3 中 python3编译出现中文乱码解决方法

参考博文:https://blog.csdn.net/Bin_bin_bingo/article/details/80531582 一.乱码现象 利用sublime自带编译快捷方式ctrl+B会出现中文乱码的情况 print("没有循环数据!") print("完成循环!") 二.解决方法 在Python3.sublime.build中写入下面代码,之后再用ctrl+B进行编译,返回“utf-8”,并且能成功打印中文 { "cmd": [&quo