vscode快速生成html模板 --两种方法，亲测有用

目录

第一种：采用自动格式化HTML

第二种 采用VSCODE快捷键 ！

---

第一种：采用自动格式化HTML

VS Code 可以通过安装扩展来实现自动格式化 HTML 的功能。以下是具体步骤：

1. 打开 VS Code 并打开 HTML 文件。
2. 在左侧的侧边栏中，点击“扩展”图标。
3. 在搜索框中输入“html formatter”，然后在搜索结果中选择一个你喜欢的扩展并点击“安装”按钮。推荐使用“Beautify”或“Prettier - Code formatter”这两个扩展。
4. 安装完成后，按下快捷键“Shift + Alt + F”或右键点击编辑器中的 HTML 代码，选择“格式化文档”即可自动格式化 HTML。

注意：如果你的 HTML 文件中存在语法错误，自动格式化可能会失败。所以，在自动格式化之前，建议先修复语法错误。

第二种（推荐，亲测有效） 采用VSCODE快捷键 ！

在空白的html页面先输入英文的!（感叹号），选择第一个!,再回车，即可快速进入html的模板页面中

步骤如下：

第一步，在vscode的文件夹目录下创建html文件

此时创建的是空白的html，但是html里面有很多重复标签我们不想每次都手动敲，怎么办？
不慌，看下去

第二步，打开刚刚新键的空白html,在html页面内输入英文感叹号!,就会有智能提醒，按下Tab键即可

注意下面的三个感叹号是html的声明，按需选择使用哪个。
 

原文链接：https://blog.csdn.net/xtho62/article/details/108883298