vs code工具中设置html5 快速生成vue模板

时间：2021-06-24 16:06:39 阅读：32 评论：0 收藏：0 [点我收藏+]

1.编辑html.json文件
2.替换需要自动生成的代码
3.在新建的html中输入vh回车即可

1.编辑html.json文件（在用户片段里面找不到html.json）

技术分享图片

在用户片段里面找不到html.json，新建全局代码片段文件，文件名为html.json

技术分享图片

然后copy代码，也可以自定义自己需要的模板。

技术分享图片

输入html，选择html.json文件

2.替换需要自动生成的代码

{

"html5-vue": {

"prefix": "vh", // 对应的是使用这个模板的快捷键

"body": [

"<!DOCTYPE html>",

"<html lang=\"en\">",

"<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>",

"\t<script src=\"./lib/vue_2.5.22.js\"></script>",

"</head>\n",

"<body>",

"\t<div id =\"app\"> </div>\n",

"\t<script>",

"\t //创建Vue实例,得到 ViewModel",

"\t const vm = new Vue({",

"\t\tel: ‘#app‘,",

"\t\tdata: {},",

"\t\tmethods: {}",

"\t });",

"\t</script>",

"</body>\n",

"</html>"

"description": "HT-H5" // 模板的描述

}

3.在新建的html中输入vh回车即可

原文：https://www.cnblogs.com/llanq123/p/14926145.html

踩

(0)

评论一句话评论（0）

分享档案

更多>