本章目录：

- 前言简述

- 自定义HTML模板

前言简述

描述，我们在使用vscode时，新建的html文件是什么内容都没有的空文件，每次新建之后我们都要写那一坨一模一样的固定结构的标签。那有木有省略这一步骤简便方法呢？

我们可以在VSCode中编辑.html文件只需要输入：

  1. ​​!(英文)​​+Tab
  2. ​​html5​​:Tab

输入!或html后有提示信息，可根据提示自行选择，也可以直接Tab即可自动生成一个html文件模板，效果如下：


VSCode使用技巧快速生成HTML模板_html


自定义html5模板

但我们每次新建html模板时候，总是感觉太单调，例如我是希望每次新建都自动引入Vue并新建一个空的页面模板，这是是完全可以实现的：​​点击设置->用户代码片段-> 输入搜索html，出现html.json文件​​，点击即可


VSCode使用技巧快速生成HTML模板_html_02


打开html.json文件后即可自定义设置H5模板

VSCode使用技巧快速生成HTML模板_html_03


转义字符解释

\t \" \n都是转义字符，而空格就是单纯的空格，输入时可以输入空格
\t 的意思是 横向跳到下一制表符位置 等于 Tab键
\" 的意思是 双引号
\n 的意思是回车换行

和正则的转义符一样的，本文结束！


本文至此完毕，更多技术文章，尽情期待下一章节！



个人主页: 【 ​​https://weiyigeek.top​​】

博客地址: 【 ​​https://blog.weiyigeek.top ​​】








    VSCode使用技巧快速生成HTML模板_html5_04