vscode怎么新建html模板

快速生成HTML模板的三种方法

方法一：使用Emmet的缩写魔力

新建文件：通过快捷键`Ctrl+N`（Windows/Linux）或`Cmd+N`（Mac）快速创建新文件。

保存为HTML：按下`Ctrl+S`保存文件，并将其后缀名更改为`.html`，比如`index.html`。

然后，在空文件中输入Emmet的神奇缩写——一个感叹号`!`。按下`Tab`或`Enter`键，见证奇迹的时刻到了，一个基础模板瞬间生成。

方法二：自定义代码片段（Snippet）更便捷

打开用户代码片段设置：通过命令面板，按下`Ctrl+Shift+P`（Windows/Linux）或`Cmd+Shift+P`（Mac），搜索并选择`Preferences: Configure User Snippets`，在弹出的列表中选择`html.json`或者新建一个。

方法三：使用扩展，轻松上手（适合新手）

安装扩展：打开扩展市场，按下`Ctrl+Shift+X`，搜索并安装如“HTML Boilerplate”这样的扩展。然后，只需输入特定关键词，按下`Tab`键，即可生成模板。

注意事项：

确保文件已保存为`.html`后缀，否则Emmet可能无法正常工作。如果感叹号缩写无效，请检查VSCode设置中的Emmet触发扩展选项是否已启用。选择最适合你的方式，从此快速生成HTML模板，让你的前端开发效率飞升！✨