sublime Text 3 安装emmet
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>
学习资源
- http://www.iteye.com/news/27580
- http://docs.emmet.io/
- 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相关推荐
- sublime text 3 安装 Emmet 插件
1.点击菜单 Preference (首选项)–> Package Control 2.点击Install Package,等待几秒钟. 3.在弹出的搜索框中搜索 emmet,选择出现的第一个进 ...
- Sublime Text 3安装Package Control快速建立html5和xhtml文档
Sublime Text 3安装Package Control快速建立html5和xhtml文档 先关闭Sublime text 3: 第1步:下载sublime_package_control-ma ...
- Sublime Text 编辑器 安装插件 / 快捷键介绍
Sublime Text编辑器的使用: 官网:https://www.sublimetext.com/3 1.在Sublime Text 编辑器安装插件前的配置: 安装Packet controls插 ...
- Sublime Text 3安装常用插件的方法及使用报错方法总结
常用安装方法 Sublime必备插件 必备的:Alignment,JsFormat,CSSComb,CTags,DocBlockr,Emmet,FileDiffs,SASS,LESS,SASS Bui ...
- Go环境搭建、Sublime Text 3 安装Go语言相关插件gosublime
Go 语言环境安装 1.brew install go 默认安装,被安装了/usr/local/Cellar/go 目录并自设置了环境变量. 2.go env 可查看目前的go的环境变量 3.配置一个 ...
- sublime Text 2 安装Sublime Package Control
Sublime Text 2 安装 Sublime Package Control,通过 Sublime Package Control,安装.升级和卸载 Package. 安装 Package Co ...
- 【2018年更新】Sublime text 3安装教程(Linux版本--Ubuntu)
http://c758482.r82.cf2.rackcdn.com/sublime-text_build-3059_amd64.deb 点击上面的链接就可以直接下载,Linux版本的sublime. ...
- Sublime Text 3安装与使用
Sublime Text 3安装与使用 本文是Sublime Text 全程指引 by Lucida (http://www.cnblogs.com/figure9/p/sublime-text-co ...
- Sublime Text 中文版安装和插件安装
Sublime Text 中文版安装:http://www.sublimetext.cn/ 插件安装: 1.配置package control 下载:https://github.com/wbond/ ...
最新文章
- Python scapy库监听网卡,抓取HTTP包
- 直播 | KDD 2021论文解读:基于协同对比学习的自监督异质图神经网络
- SQL Server 无法生成 FRunCM 线程。请查看 SQL Server 错误日志和 Windows 事件日志(转)...
- Google Code Jam 2015 Round 1A Mushroom Monster 水
- 重新查看Play Framework发布的值
- 浅谈javascript数值类型转换
- 集群服务器分析系统,集群服务器系统可扩展性的研究与实现
- C#读取匿名对象的属性值的方法总结
- xgboost算法_XGBoost 原理 及 常见面试题
- php导出excel不完整,急:php导出excel时,因数据比较多,经常导出不完整就结束了【php系统数据导出excel表格】...
- Wireshark实验 - TCP
- 保存在线阅读文件到本地的方法
- Windows10下Tensorflow启用GPU加速,显卡GTX1060,踩坑记录
- 【探花交友】保存用户信息、上传用户头像、用户信息管理
- 手撸架构,Nginx 面试40问
- 浏览器和服务器的交互过程
- sql server基础语句大全
- skia 官方下载地址
- python生成达芬奇uuid
- facebook的功能介绍
热门文章
- C语言指针:定义,使用及计算指针大小
- npm常用命令:init、install、uninstall、help
- JVM调优:G1三色标记算法
- 【学亮IT手记】枚举类入门实例讲解
- 解决逆向工程mapper映射文件不发布问题
- IDEA中maven项目所有文件都识别不了,明明存在的类提示找不到,原来只需一键解决。。。
- linux调用信号处理程序后返回,如何在Linux上执行异步信号处理程序?
- vs怎么建java的控制台程序_像VS一样简单的打包“控制台”程序
- 如何使用IDEA 显示一个类的所有方法?与eclipse的outline视图类似
- Mac 安装Pygame小记