如何设置!+回车生成HTML骨架元素

在 Visual Studio Code (VSCode) 中设置 "!" 加回车生成 HTML 骨干元素的功能通常需要借助一些扩展插件来实现，比如 "Live Server" 或 "HTMLHint" 等。以下是步骤：

1. 安装插件：首先，你需要安装一个支持HTML模板生成的插件。在VSCode中，打开左侧的扩展市场（`Ctrl + Shift + X`），搜索相关的HTML模板插件，例如 "Live Server" 或 "HTML Snippets"，然后点击安装。

2. 设置扩展：安装后，打开用户设置（`Ctrl + ,` 或 `Cmd + ,`），在JSON格式的设置区域添加或修改相应插件的配置。例如，对于 "Live Server"，可能会有类似这样的配置：

   {
       "liveserver.templates": [
           {
               "!": ["<div class='${1:class}'>${2}</div>", "<p>${1}</p>"]
           }
       ]
   }

这里定义了当输入 "!" 后按回车，将生成指定的HTML片段。`class '${1:class}'` 表示第一空格后的文本将作为 `class` 属性值。

3. 开始使用：现在回到你的HTML文件，输入 "!" 并按回车，将会看到插件根据你之前设置的模板生成相应的HTML元素。

请注意，不同插件可能有不同的设置语法，所以最好查看所选插件的文档来确认具体的配置方法。