vs code中设置html5快速生成模板

最新推荐文章于 2024-03-27 09:49:51 发布

不言而喻i

最新推荐文章于 2024-03-27 09:49:51 发布

阅读量5.1k

点赞数 5

分类专栏： vscode 文章标签： vscode

本文链接：https://blog.csdn.net/yu_hongrun/article/details/103190313

版权

vscode 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在vscode里新建html文件，总是要一行一行的写标准的html代码；所以在使用vscode是总觉得很麻烦，各种百度终于找到了使用的方法（很好用的一个快捷键）：
首先打开文件----首选项-----用户代码片段
在这里插入图片描述
然后输入以下代码段：

  "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就会出现快速生成代码提示，也可以自定义其他字段。

不言而喻i

关注

5
点赞
踩
5

收藏

觉得还不错? 一键收藏
3
评论
vs code中设置html5快速生成模板

在vscode里新建html文件，总是要一行一行的写标准的html代码；所以在使用vscode是总觉得很麻烦，各种百度终于找到了使用的方法（很好用的一个快捷键）：首先打开文件----首选项-----用户代码片段然后输入以下代码段： "h5 sample": { "prefix": "h", "body": [ "<!DOCTYPE html&gt...
复制链接

扫一扫