为什么我的 Sublime Text 不支持快捷输入代码片呢?
问题:
我在 index.html 头部输入“!<doc” 后,按住tab键并没有像视频中那样出现快捷的代码,但是在课程视频中,老师是可以出现如下图提示的,请问需要怎么做,才能够像视频实现快捷输入呢?
回答:
如果你需要快捷输入代码片的功能,需要安装对应的插件,我们推荐你在Submlime Text 中安装对应的快捷输入插件包就可以实现了,具体如下。
一、安装 Package Control
这里我们访问 Package Control 官网 ,按照步骤即可:
1. 打开命令行
打开Sublime Text,使用快捷键 ctrl+` 或者在菜单中点击 View > Show Console 。
2. 执行安装命令
- 如果是
Sublime Text 2
,则复制下面的命令到命令行里并按下回车键进行安装:import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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')
- 如果是
Sublime Text 3
,则复制下面的命令到命令行里并按下回车键进行安装:import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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
的版本问题,因为官网只提供了一个下载链接。
- 点击菜单:
Preferences > Browse Packages…
; - 打开并进入
Installed Packages/
目录; - 下载 Package Control.sublime-packageb 并拷贝文件到
Installed Packages/
目录; - 重启
Sublime Text
。
二、安装 HTML Page Snippets
- 在
Sublime Text
中按Ctrl+Shift+p
快捷键或在菜单-工具中打开“命令面板”(Tools > Command Palette...
),输入:Install Package
(安装扩展)后回车; - 等待片刻后,会弹出新的窗口,再输入
HTML Page Snippets
查找HTML Page Snippets
确定安装,等到自动打开一个文档,说明安装成功。
三、使用快捷键输入代码
我们把这些快捷输入的东西成为“包”,这些代码包就像是有人帮你写好的快捷键,比如你设置成输入“xx”就自动在输入框打上“谢谢你啊”,你当然可以把“谢谢你啊”修改成“谢谢你”,或者任何其他的句子,只要是想要表达的就可以,所以这里包是加快速度而已。
另外,不同的代码快捷包设置都不一样,你需要参考具体的包文档,比如视频课程中老师演示的是“doc”即可快捷输入如下代码:
但是,因为“HTML Snnipets”这个包已经下线,我们可以使用新的“HTML Page Snippets”这个包来代替,只是对应的快捷键就要使用文档中所说的“docu”而不是“doc”了。