Sublime Text 3 安装 Emmet

如果移动端访问不佳,请访问 –> Github 版

前几天重写了2014年发布的 超高速前端开发工具——Emmet ,主要是优化了代码段的格式,更加易读。今天在 MacBook 上安装了 Sublime Text 3 ,在安装一系列的插件时被网络问题影响到,这里介绍下安装过程,包含本地安装的情况。

1. 安装 Package Control

这里我们访问 Package Control 官网 ,按照步骤即可:

1. 打开命令行

使用快捷键 ctrl+` 或者在菜单中点击 View > Show Console

2. 执行安装命令

如果是 Sublime Text 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 Text 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)

本地安装:

本地安装可能不区分 Sublime Text 的版本问题,因为官网只提供了一个下载链接。

  1. 点击菜单:Preferences > Browse Packages…
  2. 打开并进入 Installed Packages/ 目录;
  3. 下载 Package Control.sublime-packageb 并拷贝文件到 Installed Packages/ 目录;
  4. 重启 Sublime Text

2. 安装 Emmet

Sublime Text 中按 Ctrl+Shift+p 快捷键或在菜单-工具中打开“命令面板”( Tools > Command Palette... ),输入:Install Package (安装扩展)后回车,弹出新的窗口,再输入 Emmet 查找 Emmet 确定安装,等到自动打开一个文档,说明安装成功。

解决 Emmet 安装之后,Pyv8 未安装的问题

安装 Emmet 之后,自动打开的文档提示会自动安装 PyV8 的包,请在安装 PyV8 成功之后重启 Sublime Text ,你可能会发现 Sublime Text 左下角一直显示 Loading PyV8… 之类的提示,如果关闭重启之后依旧如此,最后还是无法使用 Emmet 的话,就说明网络有一定的问题,无法正常下载 PyV8 的包了,下面介绍本地安装 PyV8 的方法(Mac系统下):

对于 OSX 10.7+ 上使用 Sublime Text 3 ,我们需要下载 pyv8-osx-p3.zip ,然后把解压后 2 个的文件放在如下目录结构中:

2016-08-01_2016-08-01 at 下午4.39.png

没有的目录需要自己创建,然后重启 Sublime Text 3 即可。

PS:

你可以关注的我 GithubCSDN微博

### 回答1: 1. 打开Sublime Text 3,点击菜单栏中的“Preferences”(偏好设置)。 2. 选择“Package Control”(包管理器),点击“Install Package”(安装插件)。 3. 在搜索框中输入“Emmet”,选择“Emmet”插件进行安装。 4. 安装完成后,重启Sublime Text 3即可使用Emmet插件。 ### 回答2: Sublime Text3是编辑器中的一种,是一个功能很强大的文本编辑器。它的使用方便,而且可以安装插件,让使用更加便捷。其中,Emmet是一个非常方便的插件,它能够允许用户更快速的编写HTML和CSS代码。现在,来介绍一下如何在Sublime Text3安装Emmet插件。 第一步:下载Package Control 在使用前首先要先安装Sublime Text3的Package Control,它可以帮助用户快速下载和安装Sublime Text3的插件。我们可以从Sublime官网上安装,也可以在控制台中通过简单的代码完成。使用包管理器的好处就在于能够减轻用户手动安装插件带来的运行成本,提高工作效率。 第二步:安装Emmet 打开Package Control后,在搜索栏中输入Emmet,就可以找到该插件并进行安装。当插件安装成功后,我们可以在编写HTML和CSS代码时更快速的编写,提高了工作效率。 第三步:设置快捷键 在Sublime Text3中,Emmet自带了很多快捷指令,不过还有很多没有设置,如果我们想要自己设置的话可以打开菜单。Preferences -> Key Bindings,将指令添加进去,然后保存即可,就可以享受Emmet插件带来的快捷方法了。这里需要注意,不要随意修改已经设置好的快捷键,否则可能会影响工作效率。 总的来说,Sublime Text3安装Emmet插件非常简单,只需要按照上面所述步骤执行即可。使用Emmet插件可以帮助我们更快速更高效地编辑HTML和CSS代码,提高编码效率。 ### 回答3: Sublime Text3 是一款非常优秀的文本编辑器,由于其特有的插件系统,可以通过安装各种各样的插件,来扩充其功能。其中,Emmet 插件是一款非常实用的插件,能够帮助我们快速生成 HTML 和 CSS 代码。下面,我将介绍如何在 Sublime Text3安装 Emmet 插件。 首先,需要先打开 Sublime Text3 编辑器。然后,按下 Ctrl + Shift + P,打开命令面板。在命令面板中输入 install package,然后回车。 接着,会出现一个列表,列出了所有可用的插件包。我们需要找到 Emmet 插件包,然后选中它并点击回车。插件包开始下载,下载完成后会自动安装安装完成后,我们需要开启 Emmet 插件。方法是按下 Ctrl + Shift + P,然后输入 Emmet: Enable Emmet,按下回车即可。这时候,Emmet 插件就已经成功安装了。 使用 Emmet 插件,可以通过简单的语法,来生成 HTML 和 CSS 代码。比如,我们可以通过输入div.container>ul>li*5,然后按下 Tab 键,就能自动生成包含一个容器和一个包含五个列表项的无序列表。这大大提高了我们的编码效率。 总之,Emmet 是一个非常实用的插件,能够帮助我们快速生成 HTML 和 CSS 代码。在 Sublime Text3安装它也非常简单,只需要按照上述步骤操作即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值