帮助

我们能帮你什么吗?

目录:

为什么我的 Sublime Text 不支持快捷输入代码片呢?

问题:

我在 index.html 头部输入“!<doc” 后,按住tab键并没有像视频中那样出现快捷的代码,但是在课程视频中,老师是可以出现如下图提示的,请问需要怎么做,才能够像视频实现快捷输入呢?

image.png

回答:

如果你需要快捷输入代码片的功能,需要安装对应的插件,我们推荐你在Submlime Text 中安装对应的快捷输入插件包就可以实现了,具体如下。

一、安装 Package Control

这里我们访问 Package Control 官网 ,按照步骤即可:

1. 打开命令行

打开Sublime Text,使用快捷键 ctrl+` 或者在菜单中点击 View > Show Console

2. 执行安装命令

  1. 如果是 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')
  2. 如果是 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 的版本问题,因为官网只提供了一个下载链接。

  1. 点击菜单:Preferences &gt; Browse Packages…
  2. 打开并进入 Installed Packages/ 目录;
  3. 下载 Package Control.sublime-packageb 并拷贝文件到 Installed Packages/ 目录;
  4. 重启 Sublime Text

二、安装 HTML Page Snippets

  1. Sublime Text 中按 Ctrl+Shift+p 快捷键或在菜单-工具中打开“命令面板”( Tools &gt; Command Palette...),输入:Install Package (安装扩展)后回车;
  2. 等待片刻后,会弹出新的窗口,再输入 HTML Page Snippets 查找 HTML Page Snippets 确定安装,等到自动打开一个文档,说明安装成功。

三、使用快捷键输入代码

我们把这些快捷输入的东西成为“包”,这些代码包就像是有人帮你写好的快捷键,比如你设置成输入“xx”就自动在输入框打上“谢谢你啊”,你当然可以把“谢谢你啊”修改成“谢谢你”,或者任何其他的句子,只要是想要表达的就可以,所以这里包是加快速度而已。

另外,不同的代码快捷包设置都不一样,你需要参考具体的包文档,比如视频课程中老师演示的是“doc”即可快捷输入如下代码:

img

但是,因为“HTML Snnipets”这个包已经下线,我们可以使用新的“HTML Page Snippets”这个包来代替,只是对应的快捷键就要使用文档中所说的“docu”而不是“doc”了。