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