1 VS Code 快速生成 HTML 结构

每次新建 HTML 文件都手写骨架太麻烦,VS Code 提供了快捷方式一键生成标准结构。

2 两种触发方式

  • 输入 !:在空的 HTML 文件中输入 !,按下 TabEnter 即可生成。
  • 输入 html:5:同样在空文件中输入 html:5,按下 TabEnter 生成。

3 生成的标准结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

4 注意事项

  • 文件后缀必须是 .html,否则 VS Code 不会触发 HTML 补全。
  • 生成后记得把 lang="en" 改为 lang="zh-CN"(中文页面)。
  • <title> 里的 Document 记得改成页面实际标题。