Sublime在Mac统下安装Emmet插件

由于我做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/

这次就可以正常使用了。

时间: 2024-08-23 03:30:32

Sublime在Mac统下安装Emmet插件的相关文章

sublime在Mac osx下安装z-codeing(即emmet)

sublime安装插件可以根据插件名称通过package control就可以很方便的安装好.但是sublime没有默认安装package control,所以我们必须先安装它. 安装package control步骤如下: 1.通过control+~调出控制台: 2.复制下面一段代码到控制台后回车. import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os

Win7环境下Sublime Text 3下安装NodeJS插件

1.首先下载安装Node.JS,配置好环境变量(安装好Node.JS默认是配置好了环境变量的). 2.Sublime Text 3下安装NodeJS插件. 参考的两篇文章:http://www.cnblogs.com/bluesky4485/p/3928364.html http://www.cnblogs.com/linjiqin/p/3765390.html

Mac下安装SVN插件javaHL not available的解决方法

在Mac下安装Eclipse插件svnEclipse插件后,每次打开Eclipse都会弹出如下弹出框: 提示你本机缺少JavaHL Library. 选择Eclipse→偏好设置(preference)→Team→SVN,可以看到SVN接口Client的定义如下: 这说明当前系统中缺少JavaHL,需要我们手动安装. subeclipse官网(http://subclipse.tigris.org/wiki/JavaHL 打开可能会非常慢)给出的介绍说有两种方式可以在Mac电脑上(OS X)上安

Sublime Text3开发工具安装emmet插件

第一步:Sublime Text导入Package Control 自动安装: 1.打开Sublime Text -->View --> Show Console 菜单打开控制台 2.粘贴Text3版本的代码后回车安装 适用于 Sublime Text 3: import  urllib.request,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();urllib.request.ins

sublime text3安装emmet插件

sublime text3如果不能ctrl+p去安装emmet插件, 就安装下面步骤操作: ①关闭Sublime Text 3 ②下载sublime_package_control-master.zip 下载地址:http://files.cnblogs.com/tinyphp/sublime_package_control-master.zip 解压命名文件夹为Package Control   (注意大小写) ③重新启动Sublime Text 3,在选择菜单里面选择:Preference-

解决 TextMate 2 无法安装 Emmet 插件

本篇文章由:http://xinpure.com/solving-textmate-2-cannot-install-emmet-plugin/ 前端神器 Emmet 插件原名为 ZedCoding 前端开发,Emmet 插件是必不可少的开发神器,神奇之处这里就不赘述了. 最喜欢使用的编辑器就是 Textmate 和 Sublime 其实无论是 TextMate 还是 Sublime 安装 Emmet 插件的方法网上比比皆是,也非常简单 然而从 GitHub 找到的 Emmet.tmplugin

2015.11.02 学习 Ubuntu下安装gosublime插件及其配置

2015.11.02 学习 Ubuntu下安装gosublime插件及其配置 1.Ctrl+shift+P 打开package control 输入pcip 回车 2.出现的框中输入gosublime,回车 3.preferences---package setting--gosublime--setting default 打开后在env{}中添加GOROOT和GOPATH 4.保存后全部复制到preferences---package setting--gosublime--setting

Eclipse离线安装Emmet插件

近期发现了一个写前端代码很好的一个东西,一个叫做Emmet的工具,这个工具使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,前身就是大名鼎鼎的Zen coding.先来看张图: 是不是非常带劲呢,假设能达到图中的效果,对我们开发前端的代码的速度将会有大幅度的提升. 这里仅仅分享怎样在Eclipse中离线安装emmet插件. 1.  假设须要离线安装emmet.须要从官方站点上下载emmet的源代码包.然后导出为我们须要的插件格式,首先登陆ememt的官网.http:/

Sublimetext3安装Emmet插件步骤

看清楚哦~~这是Sublime text 3不是2的版本,两者的安装还是有区别的,下面的方法是我感觉比较简单的,其他的要命令什么的感觉太复杂了,经测试是OK的. 先关闭Sublime text 3: 第一步:下载sublime_package_control-master.zip ,解压命名文件夹为Package Control.(注意大小写) 第二步:下载sublime_package_control-python3.zip,解压后覆盖到刚刚的Package Control中,完成插件API函