使用vscode写html5的方法

这篇文章主要介绍了使用vscode写html5的方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

怎么使用vscode写html5？

自定义html5模板

我们每次新建html模板时候，总是感觉太单调，例如我是希望每次新建都自动引入Vue并新建一个空的页面模板，这是是完全可以实现的：

（1）找到html.json文件：点击设置，找到用户代码片段

搜索html，出现html.json文件，点击即可

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

附上html.json文件配置，直接填入原大括号中即可：

"h6 template": {        "prefix": "vh", // 对应的是使用这个模板的快捷键        "body": [         "",         "",         "",         "\t",         "\t",         "\t",         "\t",         "\t",              "\n",         "",         "\t
 
\n",         "\t",         "\n",         ""        ],        "description": "HT-H5" // 模板的描述     }

转义字符解释：

\t \" \n都是转义字符，而空格就是单纯的空格，输入时可以输入空格

\t 的意思是 横向跳到下一制表符位置 等于 Tab键

\" 的意思是 双引号

\n 的意思是回车换行

感谢你能够认真阅读完这篇文章，希望小编分享的"使用vscode写html5的方法"这篇文章对大家有帮助，同时也希望大家多多支持，关注行业资讯频道，更多相关知识等着你来学习!