Linux Mint 17下Sublime插件Emmet的安装和使用

傷城~ 2022-08-14 00:51 15阅读 0赞

众所周知，Sublime可以说是编辑器中的霸主，其代码样式也成为主流。更重要的是其具有丰富的Packages进行扩展，若经常写CSS，那么用Sublime在合适不过了，当然你首先还得安装能能够提高CSS编写效率的插件Emmet。

若你还没有Package Control，那么请继续往下看。

首先打开Sublime,点击View->Show Console,在控制台输入以下脚本:

Sublime Text 3:

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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 2:

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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')

而后点击回车，重启 sublinme。不出意外，在菜单中的Preference将会出现Package Control，我想看到这个你应该很兴奋才对，立刻输入Install Package，点击回车，静静等待下载列表。在弹出框中输入Emmet进行安装。

安装好后，很兴奋开打Sublime，输入ul>li\*5，发现并没有实现5个列表元素，仔细一看编辑器下方出现：

![Center][]

这说明我们没有PyV8,快去[github][]上找到自己对应的版本，下载好后，将解压后的文件拷贝至Sublime安装目录下的Packages文件夹里(ps：Sublime的安装路径是以.config为根路径的隐藏路径，最好用Terminal去执行)，执行过程如下：

![Center 1][]

这时再测试 ul>li\*5 （默认按tab键）发现完美实现(well done!)：

![Center 2][]

最后分享一些资料：

[Sublime常用插件推荐][Sublime]

[ Emmet快捷键][Emmet]

[ PyV8安装教程][github]

[ Package Control安装教程][Package Control]

[Center]: /images/20220810/0da9e8896218463f9362295e63e586f2.png
[github]: https://github.com/emmetio/pyv8-binaries#readme
[Center 1]: /images/20220810/3190a4488d0f40c39f40b3fd47395a5c.png
[Center 2]: /images/20220810/e0597cd586ba48c69740e228e4e17779.png
[Sublime]: http://www.qianduan.net/essential-to-sublime-the-text-2-plugins.html
[Emmet]: http://www.w3cplus.com/tools/emmet-cheat-sheet.html
[Package Control]: https://sublime.wbond.net/installation#st2