logo标签列表

VSCode Emmet HTML模板？

htmlvisual-studio-code
37
过去我们可以在VSCode中的HTML文档内输入!来获得如此记录的HTML样板内容。

但是现在无法使用。有什么想法吗？

我注意到如果我们键入 ! 并选择 Edit > Expand Abbreviation， ! 将被替换为样板内容，但我再也没有之前的智能感知提示了。

enter image description here

更新

看起来我们需要按下ctrl+shift+p并搜索User Settings。过滤emmet设置并选择Trigger expansion on tab然后！将被替换为相应的emmet代码片段。

我还选择了Show suggestions as snippets，但智能感知/代码片段仍未显示。

2
嗯，对我来说它正常工作。在尝试使用“！”之前，您可以确认HTML已设置吗？ - CameronJ
1
已确认并提供了截图。 - Ole
太棒了，非常感谢！@Ole - Pranav
9个回答
48
如果你想用Emmet缩写获取HTML模板，你需要输入 html:5 并按下tab键。
23

我在Visual Studio中遇到了这个问题。

步骤1：

请尝试在以下URL上执行以下步骤。https://marketplace.visualstudio.com/items?itemName=sidthesloth.html5-boilerplate

步骤2：

如果它能够正常工作：“干杯!”

否则：

这可能是由于选择的语言模式引起的。 在Visual Studio底部的您的屏幕截图旁边，选择语言模式并将其更改为HTML。

感谢您的支持，敬礼！Surya kiran。

9
问题只出在语言模式上。您会在底部获得选择语言模式的选项。 输入图像说明 输入图像说明 输入图像说明
这个问题已经有答案了，请不要提交多个答案。 - Rohan Devaki
4
很长一段时间里，我一直因为常用快捷方式突然 inexplicably 失效而感到非常恼火（尽管经过了许多扩展的卸载、安装和重新安装，甚至连 VS Code 都被卸载和重新安装，但是从各种论坛中挖掘出来的方法似乎可以解决问题，并且看起来并不依赖设置或特定于我的笔记本电脑）：
1. 按下 COMMAND+K，然后按下 COMMAND+L（也可以按住 COMMAND 键，然后顺序按下 K 和 L）。 2. 在弹出的 Emmet 缩写窗口中像往常一样输入 !，然后按下 Enter/Return。 3. 直接按下 ! 就会出现 boilerplate。之后只需按下 Enter 即可返回到代码。 4. “! + TAB” 这个两步操作现在被只略微复杂的五步操作所替代：按下 ⌘ + K + L + ! + Enter。
2

对我来说，问题出在"<"

这个不起作用：<html 这个可以正常工作：html

2
最近更新了VS Code后，获取HTML样板的常规方法失败了。您可以在文件浏览器中添加一个index.html文件，然后窗口将打开其内容。
使用Shift和感叹号键将生成它。但现在不再是这种情况，而是在资源管理器中创建文件。当它打开窗口时，输入html，您将收到一个下拉列表以供选择。 进入图像描述
2
如果您已尝试了以上所有解决方案但仍然无法解决问题，可以尝试将VS Code设置重置为出厂默认值，这应该可以解决问题。
1

我在为一门在线课程配置我的VS Code环境后遇到了这个问题。在我的情况下，这种行为是由以下对被添加到我的settings.json文件中引起的：

"emmet.showExpandedAbbreviation": "never"

我删除了这个之后，快捷方式又回来了。

0
"!"是HTML模板的快捷方式符号。按下"!"键，然后按下"Tab"或"Enter"键。文件的扩展名应为".html"。例如，文件名应为"name.html"。
默认情况下，模板。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接