sublime 之 Emmet
来源:互联网 发布:cmd命令打开软件 编辑:程序博客网 时间:2024/06/07 06:29
概括地说,Emmet(译者注:前身就是以前大名鼎鼎的Zen Coding,这个如果你没听说和使用过,就悲哀了)是一个可以让你更快更高效地编写HTML和CSS,节省你大量时间的插件。
怎么使用?
你只需按约定的缩写形式书写而不用写整个代码,然后按“扩展(Tab 或 Ctrl+E)”键,这些缩写就会自动扩展为对应的代码内容。
例一:
你只需要输入 ((h4>a[rel=external])+p>img[width=500 height=320])*12,然后它会被扩展转换成12个列表项和紧随其后的图像。
然后你就可以在此基础上再填写内容,就这么简单。
例二:
现在需要想得到一个 “三行四列的表格” “表格内容为Item 编号”
代码可以这么写 table>tr*3>td{Item $}*4> 再结尾处按下“扩展键”,
怎么安装?
打开你的Sublime Text ,使用快捷键Ctrl+Shift+P,在弹出的输入框:install package, 回车。
再在弹出的输入框输入:Emmet,找到相应的插件,回车,等待弹出Message文本,即可开始体验!
0 0
- sublime 之 Emmet
- sublime之emmet
- Sublime Text 插件之Emmet
- Sublime Text 插件之Emmet
- Sublime + Emmet
- Sublime Text 3 学习之 "Emmet"
- sublime 使用技巧之Emmet插件
- Sublime Text插件之emmet与livereload
- Sublime text安装emmet
- sublime text3插件Emmet
- Sublime Text3 安装Emmet
- 【Sublime插件】-----Emmet使用手册
- 【安装】sublime+emmet
- Sublime text3使用Emmet
- sublime + Emmet 简单操作
- sublime配置文件Emmet
- 前端开发神器sublime+emmet
- Sublime Text2安装emmet插件
- 获取unity当前版本号
- DOS应用程序,Windows Console 应用程序,Windows应用程序有什么区别?
- display:inline、block、inline-block的区别
- android调试各种bug
- IOS UITextView 光标的位置,大小,宽度,高度设置问题
- sublime 之 Emmet
- 快速开发平台中系统人员注册定岗管理下沉思路
- 建行E商贸通支付开发系列之三(1、初识几种URL地址)
- 行列式的故事
- javascript字符串连接性能提升
- Redis生存时间--Redis系列八
- cordova SplashScreen插件在android上退出app后不再显示启动画面的问题
- Metal Tips and Techniques
- Eclipse开发快捷键