emmet快速搭建html5,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的主结构就说明安装成功。