Sublime Text 3 - HTML 5 的 Emmet 快捷方式不起作用。

Posted

技术标签:

【中文标题】Sublime Text 3 - HTML 5 的 Emmet 快捷方式不起作用。【英文标题】:Sublime Text 3 - Emmet shortcut for HTML 5 not working. 【发布时间】:2016-02-11 16:12:00 【问题描述】:

我最近下载了 sublime text 3 并安装了 emmet。我遇到的问题是,当我为 html 5 编写短代码并按 Tab 时,它不起作用。此方法用于 sublime text 2 并且有效。有没有人有解决这个问题的办法?

【问题讨论】:

具体写什么然后按tab? 【参考方案1】:

键入!,然后按Tab。 在cheatsheet找到答案

【讨论】:

旧的 html:5 怎么样??【参考方案2】:

在您将新文件另存为 *.html 或更改语法(底部/右侧)之前,文本编辑器不知道展开哪个快捷方式,因为新文档以纯文本开头。

【讨论】:

【参考方案3】:

我猜你正在寻找类似Html Boilerplate 的东西。这个包只需键入

即可生成完整的 html5 结构
htmlboiler

然后按TAB

编辑:刚刚在Emmet official cheatsheet找到答案;只需输入

!

然后点击 TAB(是的,只是感叹号)。

【讨论】:

当然不是,他要的是div.my-class>ul>li*5,那么正确的HTML就会得到扩展 正是@aokaddaoc 所说的。谢天谢地,我继续使用 Atom 编辑器,它允许我在安装 emmet 后这样做。【参考方案4】:

您不需要扩展程序。只需打开一个 html 文件,将其另存为 html 文件,或按 ctrl + shift + P 然后输入“html”并按 Enter 选择“设置语法:HTML”

然后,只需键入“HTML”,后跟制表符或 ctrl+空格。

【讨论】:

【参考方案5】:

@ayek 是正确的,您只需将文档类型设置为 HTML;一旦你这样做了,你就可以输入“html”并点击标签。祝你好运,编码愉快。 -KW

【讨论】:

这不是问题的答案。【参考方案6】:

创建一个新文件(无需保存或输入任何内容)。从菜单View > Syntax,然后选择HTML。现在输入'html',然后按TAB

出现以下内容:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

</body>
</html>

这不需要任何额外的插件 - 标准的开箱即用 Sublime 3 功能:)

【讨论】:

以上是关于Sublime Text 3 - HTML 5 的 Emmet 快捷方式不起作用。的主要内容,如果未能解决你的问题,请参考以下文章

Sublime text 3 如何格式化HTML代码

4.7 Sublime Text3 中配置 Python环境 --上之安装Sublime 3

sublime text 3 PHP 所需插件

Sublime text 3搭建Python开发环境

sublime text 3 使用方法

Sublime Text 你所不知道的12个秘密