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

Posted 2020-09-08 橘子柚子橙子

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