如何在Visual Studio Code中为新建PHP文件快速插入HTML基础结构

以下两种方案都可以实现快速插入需求的结构：

方案1：配置自定义用户代码片段（支持自定义结构） #

• 按下快捷键Ctrl+Shift+P（Mac系统为Command+Shift+P）调出命令面板，输入「用户代码片段」，选择对应选项进入配置页
• 在弹出的选项列表中搜索并选择php.json（PHP专属代码片段配置文件）
• 在打开的JSON文件中，添加如下配置：

{
  "PHP 基础HTML模板": {
    "prefix": "phphtml",
    "body": [
      "<!DOCTYPE HTML>",
      "<HTML lang=\"en\">",
      "   <HEAD>",
      "      <TITLE></TITLE>",
      "   </HEAD>",
      "   <BODY>",
      "   </BODY>",
      "</HTML>"
    ],
    "description": "插入预设的基础HTML结构"
  }
}

• 保存配置后，新建PHP文件时输入触发词phphtml，按下Tab或回车键即可直接插入对应结构。你也可以自行修改prefix字段的值，自定义触发词。

方案2：开启Emmet对PHP文件的支持（不用自定义结构，用默认HTML模板） #

如果不需要调整结构，直接使用标准HTML5模板可以用这个方案，操作更简单：

• 按下快捷键Ctrl+,（Mac系统为Command+,）打开VSCode设置页
• 在顶部搜索框输入Emmet: Include Languages，找到对应配置项后点击「添加项」
• 新增项的左侧输入php，右侧值输入html，保存设置即可
• 后续新建PHP文件后输入!，按下Tab键就能自动生成标准HTML基础结构。

内容的提问来源于stack exchange，提问作者黃兆榮