vue --- vscode 配置 .vue文件生成结构

1、选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，输入vue

     选择vue后，编辑器会自动打开一个名字为vue.json的文件

2、复制以下内容到这个文件中：

{
    "Print to console": {
        "prefix": "vue",  //写成自己满意的前缀(name)
        "body": [
            "<template>",
            "  <div>$0</div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "",
            "}",
            "",
            "</script>",
            "<style>",
            "</style>"
        ],
        "description": "Log output to console"
    }
}

　　

$0 表示生成代码后光标的位置 ; 

prefix 表示生成对应预设代码的命令（此处设置的vue）

     保存关闭文件；

3、新建.vue文件，输入vue，按回车，页面结构自动生成