vscode设置html模板

Visual Studio Code (VSCode) 提供了丰富的插件支持，可以让你自定义HTML文件的模板和样式。对于设置HTML模板，你可以按照以下步骤操作：

1. 安装HTML预处理器插件：如果你想要使用像Handlebars、Pug（ Jade）或EJS等模板引擎，安装相应的插件如`Pug Language Server` 或 `Live Server with EJS`。

- 打开VSCode，点击左侧菜单的扩展商店（ Extensions），搜索你需要的模板插件并安装。

2. 配置模板引擎：安装完成后，在用户代码片段(`User Snippets`) 文件夹中创建特定于模板的语言片段。例如，对于Pug，你可能会创建一个名为`.pug.html` 的文件，内容类似于：

   {
       "prefix": "hbs",
       "body": [
           "<template is='handlebar'>\n$0\n</template>",
           "\n// Handlebars template variables..."
       ],
       "description": "Handlebars HTML snippet"
   }

3. 设置默认文件类型：在项目的根目录下创建一个名为`.vscode` 的隐藏文件夹，然后在其中创建一个`settings.json` 文件，添加以下内容以指定默认的HTML模板语言（这里以Pug为例）：

   {
       "files.associations": {
           "*.html": "pug"
       }
   }

4. 使用快捷键或模板插件：现在，当你在新的HTML文件中输入提示符（如`hbs` 或者你自定义的前缀），VSCode会识别这个模板引擎，并提供自动生成的内容。