vscode快捷键插入html基本框架

最新推荐文章于 2025-09-09 00:13:47 发布

转载最新推荐文章于 2025-09-09 00:13:47 发布 · 2.2k 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://www.cnblogs.com/yihr/p/10341451.html

标签

#vscode #html

收录于

本文介绍了如何创建一个新的HTML文件并使用快捷键进行代码补全。通过输入英文感叹号‘!’并按下Tab键，可以快速生成HTML基本框架。接着，使用Shift+Alt+F进行代码格式化，使代码更加整洁。此外，还提到了Ctrl+K+C和Ctrl+K+U作为注释和取消注释的快捷方式。

插入html基本框架

新建.html后缀文件，输入英文感叹号“!”，按下tab键补齐代码。结果如下：

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

按Shift + Alt + F实现代码补齐，会自动分行，不齐的会补齐，如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>