sublime text高效插件emmet的安装教程

sublime text是一款编辑器，很受前端工程师的欢迎。

这里，介绍它的一个自动补全代码插件emmet的安装方法。

要想安装emmet，首先需要在sublime中安装package control。

安装方法可以参照其官网

截图如下，可见有两种安装方法：

我按照上面的两种方法安装了一遍，下面是截图：

方法1：

复制如下代码：

import urllib.request,os,hashlib; h = ‘df21e130d211cfc94d9b0905775a7c0f‘ + ‘1e3d39e33b79698005270310898eea76‘; 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)

复制后，按照下图的步骤，粘贴代码，回车。

方法2

打开package control的官网，点击下图位置的链接，下载文件

下载完之后，按照下图的链接，放置在“Installed Packages”文件夹中：

然后重启sublime。到此，package control已经安装完成。

现在就可以安装emmet了。

首先打开emmet的官网，点此打开官网，看一下有关emmet的介绍：

简单看完上面的介绍，点击页面下部的“download”，

就会跳转到github的这个页面

按照上面的说明，进行安装，详细步骤请参考下面的截图

在弹出的输入框里键入“install package”

稍等一会儿，再在输入框里键入“emmet”

好了，到此步骤emmet就已经安装好了。

现在新建一个HTML文件，输入一个“!”，按下“Tab”键试试效果吧~~

祝coding愉快~~