VSCode 埃米特 html 样板文件?

VSCode Emmet html boilerplate?

我们曾经能够在 vscode 中的 html 文档中键入 ! 以获得 html boiler plate content completion as documented here.

但是它不再有效了。想法?

我注意到如果我们键入 ! 和 select Edit > Expand Abbreviation! 会被样板文件替换,但我不再获得之前的智能感知.

更新

看来我们需要执行 ctrl+shift+p 并搜索 User Settings。过滤 emmet 设置和 select Trigger expansion on tab 然后 ! 被相应的 emmet 片段替换。

我也select编辑了Show suggestions as snippets,但智能感知/代码片段仍然没有显示。

我在 visual studio 遇到过这个问题。

第 1 步:

尝试以下 url 中的步骤。 https://marketplace.visualstudio.com/items?itemName=sidthesloth.html5-boilerplate

第 2 步:

如果有效:"cheers .!"

其他:

这可能是 select 语言模式的问题。在 visual studio 屏幕截图中 LF 旁边的底部 select 语言模式并将其更改为 html。

谢谢你,Surya kiran。

问题仅与语言模式有关。您将在底部获得 select 语言模式的选项。

样板快捷方式突然莫名其妙地不起作用,这让我非常恼火了很多很多分钟(很多 extension-de-installing 和安装 re-installing,即使 VS Code 卸载 re-installs,但我从各种论坛中得出的结论( 似乎有效但似乎不是 settings-dependent 或我的笔记本电脑特有的)是:

  1. COMMAND+K加上COMMAND+L(可以按住 COMMAND 并依次输入 KL ).

  2. 在出现的 Emmet 缩写 window 中像往常一样键入 ! 然后按 Enter /Return.

  3. 只需点击 ! 即可调出样板文件。然后可以简单地按 输入 到 return 到代码。

  4. ! + TAB 的 two-stroke 过程现在被仅略微参与的过程所取代five-stroke + K + L + ! + 输入.

如果您想获得带有 Emmet 缩写的 html 样板文件,您应该输入 html:5 并点击 Tab。

我在为在线课程配置 VS Code 环境后遇到了这个问题。在我的例子中,该行为是由于以下对被添加到我的 settings.json 文件:

"emmet.showExpandedAbbreviation": "never"

我删除它后,快捷方式又回来了。

对我来说是“<”问题

这不起作用: