Sublime在Mac统下安装Emmet插件
2017-04-13 10:33
537 查看
由于我做iOS入行IT的,近期有学习H5的想法,于是就开始了......
首先使用Sublime编辑软件,但是每次创建新文件,都需要重新写头文件那一套东西,觉得很不方便,于是就开始装Emmet插件。具体如下:
打开Sublime,按下Control + `(Mac)或者Ctrl + `(Windows)
也可以在菜单中选择View > Show Console,
2、根据sublime版本不同粘贴下面的代码
sublime 2
---------分割线小朋友--------
sublime 3
3、根据提示重启sublime
在sublime text 3中按下快捷键CTRL + SHIFT + P
或者在菜单中选择Tools > Command Palette…
1.1如果遇到以下错误
解决方法打开钥匙串、删除报错信息中
问题解决参考自: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。
推荐参考文章: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插件
下载Emmet所需的pyV8插件(下载地址:https://github.com/emmetio/pyv8-binaries);
打开菜单栏
在
重启ST3。
参考文章:http://uedethan.com/resolve-mac-sublime-text3-because-pyv8-unable-to-load-cause-emmet-unavailable-problems/
这次就可以正常使用了。
首先使用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插件
下载Emmet所需的pyV8插件(下载地址:https://github.com/emmetio/pyv8-binaries);
打开菜单栏
Sublime Text–
Preferences–
Browser Packages;
在
Installed Packages目录下新建
pyV8目录,将下载到的
pyv8-osx(OS X10.7以上是pyv8-osx-p3)文件夹拷贝至此;
重启ST3。
参考文章:http://uedethan.com/resolve-mac-sublime-text3-because-pyv8-unable-to-load-cause-emmet-unavailable-problems/
这次就可以正常使用了。
相关文章推荐
- Sublime for Mac 的emmet插件安装
- Mac下的Sublime Text 3 安装go插件GoSublime, SideBarEnhancements,Go Build,Godef
- sublime插件emmet安装和使用
- Sublime Text for Mac 安装和插件配置说明
- Sublime插件Emmet的安装及Tab补全代码
- sublime插件emmet安装和使用
- Linux Mint 17下Sublime插件Emmet的安装和使用
- mac下Sublime text3的emmet插件安装 + 自动排版 详细步骤
- Mac上安装python3并设置SublimeREPL插件默认运行python3
- 两种方式安装sublime插件 mac
- Mac Sublime Text 3 配置Python环境及安装插件
- sublime3的安装和注册,和前端利器emmet插件的安装。
- sublime快捷键Mac版本及Emmet插件使用
- sublime安装插件失败情形之一解决方案之mac
- Mac Sublime Text 3 配置Python环境及安装插件
- sublime中安装插件emmet , zen-coding,emmet css snippets 两种html/css编辑利器
- Sublime安装Emmet插件
- Mac下Brackets安装Emmet、Beauty插件详解 (步骤配图)
- MAC版本下ST3下Emmet插件安装教程图解
- sublime安装emmet插件和常用插件介绍