Sublime 安装Emmet插件,开发HTML5

第一步:安装包管理工具Package Control

Package Control是sublime的包管理工具,方便管理各种插件。
安装方法:
1. 按Ctrl+`调出sublime text的console,也可以菜单栏 view> show console打开console
2. 粘贴以下命令(注意区分sublime版本)到console控制台,回车,耐心等待安装完成

sublime3

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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)

sublime2

import urllib2,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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')

第二步: 安装Emmet
在菜单栏选择Perferences–>Package Control即可打开命令面板,如果没有反应,稍等一会儿,一两分钟。
然后找到
package control install package,回车打开插件安装界面,输入Emmet,开始安装

第三步:配置tab键补全
默认的自动补全快捷键是Ctrl+E,下面修改为tab键

在菜单栏选择Preferences–>PackageSettings–>Emmet–>KeyBindings–>User,将以下信息粘贴进去即可:

[{"keys": ["tab"], "args": {"action": "expand_abbreviation"}, "command": "run_emmet_action", "context": [{"key": "emmet_action_enabled.expand_abbreviation"}]}]

重启sublime使设置生效,我这里测试不重启也已经生效。输入一个”!”,按tab键,如果成功输出html5的主结构就说明安装成功。

参考资料:
Package Control Installation : https://packagecontrol.io/installation
Sublime插件Emmet的安装及Tab补全代码 : http://www.cnblogs.com/fjping0606/p/9334520.html

Sublime插件Emmet的安装及Tab补全代码问题解决 : https://jingyan.baidu.com/article/ce43664935b90c3772afd377.html

Add a Comment

您的电子邮箱地址不会被公开。