Emmet简介

Emmet是一个支持大部分流行文本编辑器的插件,能够极大得提高编写HTML和CSS的工作效率。
官网:http://emmet.io/

在Sublime Text 3中安装

前提Sublime Text 3需要先安装Package Control插件。
按下“shift + ctrl + p”快捷键,输入“pci”选择“Package Control:Install Package”回车,然后输入“emmet”即可搜索到这个插件,选择并回车即可自动安装。

Emmet使用

打开 HTML 或 CSS 文件->根据语法编写精简指令->TAB 键自动生成完整代码

使用示例

新建一个html文件,然后输入

ul#nav>li.item$*4>a{Item $}

使用tab键激活,即可自动生成:

    <ul id="nav"><li class="item1"><a href="">Item 1</a></li><li class="item2"><a href="">Item 2</a></li><li class="item3"><a href="">Item 3</a></li><li class="item4"><a href="">Item 4</a></li></ul>

学习资源

  1. http://www.iteye.com/news/27580
  2. http://docs.emmet.io/
  3. http://www.w3cplus.com/tools/using-emmet-speed-front-end-web-development.html

转载于:https://www.cnblogs.com/imfanqi/p/5401948.html

sublime Text 3 安装emmet相关推荐

  1. sublime text 3 安装 Emmet 插件

    1.点击菜单 Preference (首选项)–> Package Control 2.点击Install Package,等待几秒钟. 3.在弹出的搜索框中搜索 emmet,选择出现的第一个进 ...

  2. Sublime Text 3安装Package Control快速建立html5和xhtml文档

    Sublime Text 3安装Package Control快速建立html5和xhtml文档 先关闭Sublime text 3: 第1步:下载sublime_package_control-ma ...

  3. Sublime Text 编辑器 安装插件 / 快捷键介绍

    Sublime Text编辑器的使用: 官网:https://www.sublimetext.com/3 1.在Sublime Text 编辑器安装插件前的配置: 安装Packet controls插 ...

  4. Sublime Text 3安装常用插件的方法及使用报错方法总结

    常用安装方法 Sublime必备插件 必备的:Alignment,JsFormat,CSSComb,CTags,DocBlockr,Emmet,FileDiffs,SASS,LESS,SASS Bui ...

  5. Go环境搭建、Sublime Text 3 安装Go语言相关插件gosublime

    Go 语言环境安装 1.brew install go 默认安装,被安装了/usr/local/Cellar/go 目录并自设置了环境变量. 2.go env 可查看目前的go的环境变量 3.配置一个 ...

  6. sublime Text 2 安装Sublime Package Control

    Sublime Text 2 安装 Sublime Package Control,通过 Sublime Package Control,安装.升级和卸载 Package. 安装 Package Co ...

  7. 【2018年更新】Sublime text 3安装教程(Linux版本--Ubuntu)

    http://c758482.r82.cf2.rackcdn.com/sublime-text_build-3059_amd64.deb 点击上面的链接就可以直接下载,Linux版本的sublime. ...

  8. Sublime Text 3安装与使用

    Sublime Text 3安装与使用 本文是Sublime Text 全程指引 by Lucida (http://www.cnblogs.com/figure9/p/sublime-text-co ...

  9. Sublime Text 中文版安装和插件安装

    Sublime Text 中文版安装:http://www.sublimetext.cn/ 插件安装: 1.配置package control 下载:https://github.com/wbond/ ...

最新文章

  1. 【微信小程序企业级开发教程】界面跳转方法总结
  2. python梦幻西游鼠标偏移_PYTHONPYGAME如何向鼠标位置移动和旋转多边形?
  3. matplotlib新版本下的霍兰德人格分析雷达图
  4. 数组去重的各种方式对比
  5. 【剑指offer】面试题49:丑数
  6. C++设计模式-装饰模式
  7. 中国移动中国联通中国电信 三家运营商公布首批5G城市名单
  8. python网络爬虫系列教程——python中urllib、urllib2、cookie模块应用全解
  9. adodb 连接mysql_PHP程序中使用adodb连接不同数据库的代码实例
  10. c语言算法单循环球队比赛安排,单循环赛赛程安排算法的研究.doc
  11. 图像处理黑科技—破解文档识别难题(PS检测、弯曲拉平、切边切片、摩尔纹)
  12. 2.8数据-paddlepaddle数据集uci_housing
  13. cholesky分解java代码,实数矩阵Cholesky分解算法的C++实现
  14. python毕业设计总结范文大全_毕业论文设计总结范文.docx
  15. lora calculator的使用
  16. python怎么换背景颜色_更换python默认编辑器背景色的操作方法
  17. netty使用中的LEAK: ByteBuf.release() was not called before it‘s garbage-collected
  18. Python实践3-Tenacity提高自动测试健壮性
  19. Exchange Web Service(EWS) 协议同步邮件
  20. 单目标跟踪算法调研(2020)

热门文章

  1. scala中的构造方法和伴生对象
  2. Oracle不带传出参数的存储过程创建及调用
  3. Lua 脚本获取 EVAL EVALSHA 命令的参数
  4. Java基础--继承、this、super、抽象类
  5. Java泛型失效的两种情况
  6. origin安装包_作图技巧|研究生需要会的20个Origin操作,作图又快又好看(二)...
  7. 如何在钉钉上开发自己的应用_神操作!老妈让我告诉老板,双十一买钉钉。
  8. 创建springboot多模块项目
  9. 【字符串反转总结】Java中七种方法实现
  10. Verilog如何避免Latch