自动生成vue结构

打开VSCODE编辑器，依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，我们输入vue

 

选择vue后，VSCODE会自动打开一个名字为vue.json的文件，复制以下内容到这个文件中：

 

{

    "Print to console": {

        "prefix": "vue",

        "body": [

            "<template>",

            "  <div>$0</div>",

            "</template>",

            "",

            "<script>",

            "export default {",

            "data(){",

            "return{",

            "  }",

            " },mounted(){",

            "},methods:{",

            "}",

            "}",

            "</script>",

            "<style lang='scss' scoped>",

            "</style>"

        ],

        "description": "Log output to console"

    }

}

 

 

保存后关闭这个文件。

$0 表示你希望生成代码后光标的位置 ; prefix 表示生成对应预设代码的命令