logo标签列表

如何自动编写HTML结构。

visual-studio-code
19
我正在使用Visual Studio Code。我已经安装了PHP扩展程序。但是每次创建带有基本结构的PHP文件都很繁琐，因为它不会自动为我插入它。
<!DOCTYPE HTML >
<HTML lang="en">
   <HEAD>
      <TITLE></TITLE>
   </HEAD>
   <BODY>
   </BODY>
</HTML>

有没有快捷键或方法可以将这个结构快速复制到新创建的php文件中，而不使用从笔记中复制（control+C control+V）？
7个回答
41
如果您正在使用 VS Code，则可以使用此命令 shift + 1 并按 Enter 键自动填充 HTML 或 PHP 中的 Doctype。

输入图片说明

当您按下 Enter 键时，它将添加以下代码：


<!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>
12
  1. 按下 Shift+1 + Enter 或 Tab 键。

或者

  1. 输入 html:5，然后按 Enter 或 Tab 键。

注意：在 VS Code 中。

5

在自动完成列表中点击第一个片段前输入 ! ，这将生成默认的HTML模板。

<!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>

或者，您可以使用代码片段添加自己的代码，并且这里应该会有所帮助。 这里。
4
在VS Code中，
输入！然后按Enter键。
1
在一个.php文件中，只需在行首键入!，然后按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>
0

我不知道为什么，只有感叹号符号在我的情况下不起作用，但是当我键入html5或html:5并使用自动完成功能时，它可以正常工作。

目前你的回答不够清晰，请编辑并添加更多细节，以帮助其他人理解它如何回答问题。你可以在帮助中心找到有关如何编写好答案的更多信息。 - Community
Type ! and then press enter - Ashish Augustine
0
我更喜欢使用emmet扩展来处理这些事情。
例如，在一个扩展名为.html的文件中，你可以输入html，然后从弹出菜单中选择html:5。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接