Sublime在Mac统下安装Emmet插件

Posted 2020-09-10 我是神经一把刀

由于我做ios入行IT的，近期有学习H5的想法，于是就开始了......

首先使用Sublime编辑软件，但是每次创建新文件，都需要重新写头文件那一套东西，觉得很不方便，于是就开始装Emmet插件。具体如下：

一、安装插件管理器Package Control

1、打开Sublime控制台

打开Sublime，按下Control + `(Mac)或者Ctrl + `(Windows)

也可以在菜单中选择View > Show Console，

 

2、根据sublime版本不同粘贴下面的代码

 

sublime 2

 

import urllib2,os,hashlib; h = ‘2915d1851351e5ee549c20394736b442‘ + ‘8bc59f460fa1548d1514676163dafc88‘; 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()) ); by = urllib2.urlopen( ‘http://packagecontrol.io/‘ + pf.replace(‘ ‘, ‘%20‘)).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), ‘wb‘ ).write(by) if dh == h else None; print(‘Error validating download (got %s instead of %s), please try manual install‘ % (dh, h) if dh != h else ‘Please restart Sublime Text to finish installation‘)

 

 

---------分割线小朋友--------

 

sublime 3

import urllib.request,os,hashlib; h = ‘2915d1851351e5ee549c20394736b442‘ + ‘8bc59f460fa1548d1514676163dafc88‘; pf = ‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( ‘http://packagecontrol.io/‘ + pf.replace(‘ ‘, ‘%20‘)).read(); dh = hashlib.sha256(by).hexdigest(); print(‘Error validating download (got %s instead of %s), please try manual install‘ % (dh, h)) if dh != h else open(os.path.join( ipp, pf), ‘wb‘ ).write(by)

 

3、根据提示重启sublime

 

 

二、使用Package Control 安装emmet

1.打开Command Palette

 

在sublime text 3中按下快捷键CTRL + SHIFT + P

或者在菜单中选择Tools > Command Palette…

 

1.1如果遇到以下错误

Package Control Error executing:

 

解决方法打开钥匙串、删除报错信息中Cert 0: 左边对应的证书；亲测可用

问题解决参考自：http://stackoverflow.com/questions/33224830/error-executing-security-dump-trust-settings-in-sublime-text-3

 

1.2如果遇到报错：missing dependency was just installed.Sublime Text Should Be restarted,otherwise....

解决方法：重启sublime

 

 

2.在弹出的输入框的自动提示中选择Package Control: Install Package。

内容很多，可以输入instaill等关键字查询

 

3.输入Emmet并点击，emmet就开始安装了

 

 

4、再次重启sublime text 3。

 

 

三、Emmet使用指南

*温馨提示：文档创建后必须保存为html等格式后，才会出现关联等快捷效果

推荐参考文章：http://blog.csdn.NET/ys743276112/article/details/38133995

 

概述：

1、输入“!”或“html:5”，然后按Tab键：，出现头部和body所有格式；

 

• html:5 或!：用于HTML5文档类型
• html:xt：用于XHTML过渡文档类型
• html:4s：用于HTML4严格文档类型

 

 

2、轻松添加类、id、文本和属性

连续输入元素名称和ID，Emmet会自动为你补全，比如输入p#foo：

 

...

 

 

参考文章：

http://www.jianshu.com/p/3e51778a2027

http://stackoverflow.com/questions/33224830/error-executing-security-dump-trust-settings-in-sublime-text-3

http://blog.csdn.net/lovechris00/article/details/51678930

 

／***********************至此如果硬件没有其它问题的话，基本上就可以正常使用******************************／

但是，我去使用时，不能使用，提示：loading pyv8 binary, please wait........

原来还需要安装pyV8插件

1. 下载Emmet所需的pyV8插件（下载地址：https://github.com/emmetio/pyv8-binaries）；
2. 打开菜单栏Sublime Text – Preferences – Browser Packages；
3. 在Installed Packages目录下新建pyV8目录，将下载到的pyv8-osx(OS X10.7以上是pyv8-osx-p3)文件夹拷贝至此；
4. 重启ST3。

参考文章：http://uedethan.com/resolve-mac-sublime-text3-because-pyv8-unable-to-load-cause-emmet-unavailable-problems/

 

这次就可以正常使用了。