vscode自定义vue模板代码

File---》preference --》user Snippets--》搜索html.json 编辑加入以下自定义代码内容

"Html5-Vue": {
    "prefix": "vue",
    "body": [
        "<!DOCTYPE html>",
        "<html lang="zh-CN">
",
        "<head>",
        "	<meta charset="UTF-8">",
        "	<meta name="viewport" content="width=device-width, initial-scale=1.0">",
        "	<meta http-equiv="X-UA-Compatible" content="ie=edge">",
        "	<title>Document</title>",
        "	<script src="../lib/vue-2.5.17/vue.js"></script>",
        "</head>
",
        "<body>",
        "	<div id="app">$1</div>
",
        "	<script>",
        "		var vm = new Vue({",
        "			el: '#app',",
        "			data: {},",
        "			methods: {}",
        "		});",
        "	</script>",
        "</body>
",
        "</html>"
    ],
    "description": "快速创建在html5编写的vue模板"
}

新建html文件后输入：vue 然后按tab 就出来自定义代码