1.为了避免使用vuejs的过程中重复写框架，所以我们先写好一个模版，如下：```
模版{{message}}
2.然后打开 File-> Preference->User Snippets 出现选项。汉化后的打开顺序：文件->首选项->用户代码片段
如果第一次进行操作，可能没有后缀.json，请选择html，不是vue-html。
3.在html.json中进行编写模版，在编写的过程中要注意，如果模版本身有引号，需要在引号的前面加上 **反斜线 \ **
{
"vue":{
"prefix": "vue",
"body": [
"<!DOCTYPE html>"
"<html lang="en">"
"<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>模版</title>"
""
" <!-- 此处需替换为自己的vue.js文件路径，为了方便学习，引用了bootcdn -->"
" <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.min.js"></script>"
""
"</head>"
"<body>"
""
" <!-- html部分 -->"
" <div id="app">"
" {{message}}"
" </div>"
""
" <!-- js脚本 -->"
" <script>"
" const app = new Vue({"
" el: "#app","
" data: {"
" message: "hello!""
" },"
" })"
" </script>"
""
"</body>"
"</html>"
],
"description":"vue components"
},
}
4.这样就设置完了，再需要写一样的模板的时候只需输vue，直接table，或选择如下图所示：
