新版Vs Code编写HTML常见问题

最新推荐文章于 2024-04-22 13:47:15 发布

清晨喝碗粥

最新推荐文章于 2024-04-22 13:47:15 发布

阅读量683

点赞数

分类专栏：前端文章标签： html 前端 html5 visual studio

本文链接：https://blog.csdn.net/G_matinal/article/details/128102585

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、无法用“! + tab”生成快捷骨架

二、新版的Vs Code采用了html:5命令进行快捷生成骨架，可以使用该命令

三、如何自定义HTML快捷生成的骨架

四、打开浏览器乱码问题

一、无法用“! + tab”生成快捷骨架

原因是新版的Vs Code默认关闭了tab键展开emmet的配置，解决方案可以查看此博主的文章：

VScode按`!+Tab`无法自动生成HTML模板问题_Liberty_yes的博客-CSDN博客

二、新版的Vs Code采用了html:5命令进行快捷生成骨架，可以使用该命令

三、如何自定义HTML快捷生成的骨架

首先我们在Vs Code中点击管理，再点击配置用户代码片段

输入html（PS：当你是第一次输入html的时候是不会给你显示其文件后缀的，也就是说只给你显示html，而不是显示html.json），选择html.json

在里面追加这一串代码即可完成自定义

 "html:5": {
    "prefix": "html:5", //输出此模板的快捷键
    "body": [
      "<!DOCTYPE html>",
      "<html>",
      "<head>",
      "\t<meta charset=\"UTF-8\">",  
      "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
      "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
      "\t<title>Document</title>",
      "</head>",
      "<body>",
      "",
      "</body>",
      "</html>",
    ],
    "description": "HTML5"
  }

创建html文件，根据个人自定义的快捷键即可输出此模板