0
点赞
收藏
分享

微信扫一扫

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

infgrad 2022-12-27 阅读 163



本章目录:

- 前言简述

- 自定义HTML模板

前言简述

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

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

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

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


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


自定义html5模板

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


VSCode使用技巧快速生成HTML模板_自定义_02


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

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


转义字符解释

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

和正则的转义符一样的,本文结束!


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



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

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








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



    举报

    相关推荐

    0 条评论