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. Python scapy库监听网卡,抓取HTTP包
  2. 直播 | KDD 2021论文解读:基于协同对比学习的自监督异质图神经网络
  3. SQL Server 无法生成 FRunCM 线程。请查看 SQL Server 错误日志和 Windows 事件日志(转)...
  4. Google Code Jam 2015 Round 1A Mushroom Monster 水
  5. 重新查看Play Framework发布的值
  6. 浅谈javascript数值类型转换
  7. 集群服务器分析系统,集群服务器系统可扩展性的研究与实现
  8. C#读取匿名对象的属性值的方法总结
  9. xgboost算法_XGBoost 原理 及 常见面试题
  10. php导出excel不完整,急:php导出excel时,因数据比较多,经常导出不完整就结束了【php系统数据导出excel表格】...
  11. Wireshark实验 - TCP
  12. 保存在线阅读文件到本地的方法
  13. Windows10下Tensorflow启用GPU加速,显卡GTX1060,踩坑记录
  14. 【探花交友】保存用户信息、上传用户头像、用户信息管理
  15. 手撸架构,Nginx 面试40问
  16. 浏览器和服务器的交互过程
  17. sql server基础语句大全
  18. skia 官方下载地址
  19. python生成达芬奇uuid
  20. facebook的功能介绍

热门文章

  1. C语言指针:定义,使用及计算指针大小
  2. npm常用命令:init、install、uninstall、help
  3. JVM调优:G1三色标记算法
  4. 【学亮IT手记】枚举类入门实例讲解
  5. 解决逆向工程mapper映射文件不发布问题
  6. IDEA中maven项目所有文件都识别不了,明明存在的类提示找不到,原来只需一键解决。。。
  7. linux调用信号处理程序后返回,如何在Linux上执行异步信号处理程序?
  8. vs怎么建java的控制台程序_像VS一样简单的打包“控制台”程序
  9. 如何使用IDEA 显示一个类的所有方法?与eclipse的outline视图类似
  10. Mac 安装Pygame小记