《VS Code》_VS Code快速生成H5模板代码

最新推荐文章于 2024-06-19 11:16:08 发布

shufang_107

最新推荐文章于 2024-06-19 11:16:08 发布

阅读量6.8k

点赞数 2

分类专栏： VS Code

本文链接：https://blog.csdn.net/weixin_40283296/article/details/98078516

版权

VS Code 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、VS Code 中首选项 --》用户代码片段打开一个配置的html.json文件

å¨è¿éæå¥å¾çæè¿°

2、在html.json文件的添加代码后保存文件，重启VS Code

"h5 sample": {
    "prefix": "h",
    "body": [
      "<!DOCTYPE html>",
      "<html lang=\"zh-CN\">\n",
      "<head>",
      "\t<meta charset=\"UTF-8\">",
      "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,minimal-ui:ios\">",
      "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
      "\t<title>Document</title>",
      "\t<link rel=\"stylesheet\" href=\"$1\">",
      "\t<script src=\"$2\"></script>",
      "</head>\n",
      "<body>\n$3",
      "</body>\n",
      "</html>"
    ],
    "description": "The full sample code - html5."
  }

"prefix": "h",代表用户键入h时会提示出现这一段H5模板代码片段。