首页 > 代码库 > sublime text高效插件emmet的安装教程

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愉快~~

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