sublimetext3 !+tab 不能生成页面骨架

      博主更多实战教程:.NET WebApi实战教程    微信小程序实战教程

  1. 安装Package Control:使用Ctrl + Shift + P打开命令板,install package control,然后回车,等待其安装完成,安装完成会在Perferences中增加一栏Package Control。[如果没有最后两荐,即没有package settings和 package control项,按照以下教程操作:https://blog.csdn.net/zengchen__acmer/article/details/88629486]
    各种插件下载说明:https://blog.csdn.net/lijinqi1987/article/details/52387176

  2. sublimetext3 !+tab 不能生成页面骨架_第1张图片

  3. sublimetext3 !+tab 不能生成页面骨架_第2张图片

    想要通过!+ tob键补全sublime的html骨架结构,需要安装Emmet插件,通过ctrl+shift+p打开命令板,然受输入install,选择Package Control: install Package,之后再输入Emmet回车安装插件。(我已经安装过了,所以不显示这个插件,记得联网)

  4. sublimetext3 !+tab 不能生成页面骨架_第3张图片

  5. 安装完成后,查看Perferences-->Package Settings-->Emmet如果Emmet在说明安装成功了。

  6. Emmet的默认快捷键是ctrl+E,想要通过输入!+Tab键即可生成HTML骨架结构,则在菜单栏选择Preferences-->PackageSettings-->Emmet-->KeyBindings-User,将以下信息粘贴进去,按ctrl+s保存。

  7. sublimetext3 !+tab 不能生成页面骨架_第4张图片

如果打开的页面为空白,则复制粘贴以下:
 

 

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

如果打开的页面已经有内容,则在[]内部补充粘贴以下:

 

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

 

7.之后新建html文件,就可以通过!+tab键生成骨架结构。

8.注意右下角,左键单击,选择HTML

sublimetext3 !+tab 不能生成页面骨架_第5张图片

sublimetext3 !+tab 不能生成页面骨架_第6张图片

你可能感兴趣的:(辅助工具)