vscode创建HTML,vscode自定义vue模板

　　(1)新建html快捷方式

　　当我们想在VSCode中创建新的html代码时，可以输入！然后按enter或Tab自动生成html文件模板。效果如下：

　　(2)自定义html5模板

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

　　(1)找到html.json文件：点击设置找到用户代码片段。

　　搜索html，html.json文件出现，点击它。

　　(2)打开html.json文件后，可以自定义H5模板。

　　附上html.json文件配置，直接填写原花括号：

　　H5模板:{ 前缀: vh ，//对应快捷键 body: [使用此模板！ DOCTYPE html ， html lang=\en\ ， head ， \tmeta 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 \ ， \ttitleDocument/title ， \tscript src=\ 。/lib/vue-2.4.0.js\/script ，/head\n ，Body ， \ tdiv id=\ app \/div \ n ， \ t//创建一个vue实例并获取ViewModel ， \ t var VM=newvue ({ ， \ t \ tel: # app ， \ t/script ，/body \ n ，/html]， description : HT-H5 /模板描述}转义符

　　\ t \ \它们都是转义字符，空格是纯空格。输入时可以输入空格。

　　\t表示水平跳转到下一个tab位置等于Tab键。

　　表示双引号。

　　\n表示回车和换行。

　　这就是本文的全部内容。希望对大家的学习和支持有帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。