Vscode set Vue code snippet

Time:2021-7-27

1、 How to set?

  1. Open user clip

    Vscode set Vue code snippet

  2. Select or createvue.jsoncode snippet

    Vscode set Vue code snippet

  3. Just paste the following code snippet

    {
        "Print to console": {
            "prefix": "vue",
            "body": [
                "<template>",
                "    <div>\n",
                "    </div>",
                "</template>\n",
                "<script>",
                "export default {",
                "    props: {\n",
                "    },",
                "    data() {",
                "        return {\n",
                "        };",
                "    },",
                "    computed: {\n",
                "    },",
                "    created() {\n",
                "    },",
                "    mounted() {\n",
                "    },",
                "    watch: {\n",
                "    },",
                "    methods: {\n",
                "    },",
                "    components: {\n",
                "    },",
                "};",
                "</script>\n",
                "<style scoped lang=\"${1:scss}\">\n",
                "</style>\n",
            ],
            "description": "Create vue template"
        }
    }

2、 How to use?

newly build*.vueFiles, importingvue, presstabthat will do

Recommended Today

Hot! Front and rear learning routes of GitHub target 144K

Hello, Sifu’s little friend. I’m silent Wang Er. Last week, while appreciating teacher Ruan Yifeng’s science and technology weekly, I found a powerful learning route, which has been marked with 144K on GitHub. It’s very popular. It covers not only the front-end and back-end learning routes, but also the operation and maintenance learning routes. As […]