自定义创建vue文件代码块

1、初始创建html-vue

"vue-component": {
        "prefix": "vue-component",
        "body": [
            "<template>",
            "\t<div>\n",
            "\t</div>",
            "</template>\n",
            "<script>",
            "\texport default {",
            "\t\tprops: {\n",
            "\t\t},",
            "\t\tcomponents: {\n",
            "\t\t},",
            "\t\tdata(){",
            "\t\t\treturn {\n\t\t\t\t$0",
            "\t\t\t}",
            "\t\t},",
            "\t\tmethods: {\n",
            "\t\t}",
            "\t}",
            "</script>\n",
            "<style lang=\"scss\">\n",
            "</style>"
        ],
        "description": "vue componemt"
    }
}

创建vue项目后输入vue-component,输入过程中就有提示，选择就好了

<template>
    <div>

    </div>
</template>

<script>
    export default {
        props: {

        },
        components: {

        },
        data(){
            return {

            }
        },
        methods: {

        }
    }
</script>

<style lang="scss">

</style>

3、在vue项目上创建div加点击事件

    "div@": {
        "prefix": "div@",
        "body": [
            "<div @click=\"$0\"></div>"
        ],
        "descripation": "div的@简写"
    }

<div @click=""></div>