首页 技术 正文
技术 2022年11月16日
0 收藏 723 点赞 2,872 浏览 1295 个字

一、先安装package control
1、按Ctrl+`调出console,输入以下命令然后回车

import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'

2、安装成功后显示:Please restart Sublime Text to finish installation 重启

二、使用package control 安装emmet
1、按ctrl+shift+p,调出控制台
2、输入install,选择install package
3、弹出列表之后,在输入框中输入emmet,然后选择emmet插件进行安装。
    安装过程中会有介绍文件打开,安装结束后会有成功提醒。

三、测试安装是否成功,输入以下命令

<html>
div#cc>div.css>ul>li*4>a:link
</html>

按tab键,如果安装成功的话会出现以下代码,其中div可以省略,如果id或者class前面没有标签,默认就是div

<html>
<div id="cc">
<div class="css">
<ul>
<li><a href="http://" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ></a></li>
<li><a href="http://" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ></a></li>
<li><a href="http://" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ></a></li>
<li><a href="http://" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ></a></li>
</ul>
</div>
</div>
</html>

其他快捷方式:

  • 输入html:5,按Tab或Ctrl+E键,看看发生了什么;
  • 输入a,同样按Tab或Ctrl+E键,看看发生了什么;
  • 输入div+p+bq

官方参考手册:http://docs.emmet.io/

常用快捷键:
1、多个重复对象,用*,如li*3
    如果是重复多个对象,可以用括号,把不同的对照组合成一个整体,比如table下面有多个tr,tr下面又有多个td,输入:tbody>(tr>td*4)*2,按tab,效果如下

<tbody>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</tbody>

2、多个class赋给同一个对象,直接连着写就可以了,如 .class1.class2

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,999
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,511
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,357
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,140
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,770
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,848