2021-08-05

vscode中快速生成vue模板

1.安装插件

在插件库搜索vetur,然后点击安装。如下图

2.新建代码片段

点击文件--->首选项--->用户片段，然后点击新建代码片段；输入名称：vue.json回车，如下图：

3.在生成的vue.json文件中插入一下代码：

"Print to console": {

        "prefix": "vue",

        "body": [

            "<template>",

            "    <div>\n",

            "    </div>",

            "</template>",

            "<script>",

            "export default {",

            "   data() {",

            "      return {",

            "      }",

            "   },",

            "   created(){",

            "   },",

            "   computed:{",

            "   },",

            "   methods:{",

            "   },",

            "}",

            "</script>",

            "<style lang=\"scss\" scoped>\n",

            "</style>",

            "$2"

        ],

        "description": "Log output to console"

    }

然后保存，如下图：

4.这时在不饿中，vue文件中，输入vue回车就会自动生成vue模板