vscode 自定义片段 snippet

vue 模板

vvv

{
    // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
    // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
    // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
    // used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
    // Placeholders with the same ids are connected.
    // Example:
    "Print to Vue Template": {
        "scope": "vue",
        "prefix": "vvv",
        "body": [
            "<template>",
                "\t<div>Hello</div>",
            "</template>",
            "",
            "<script>",
            "export default {",
                "\tname: 'Hello',",
                "\tcomponents: {},",
                "\tcomputed: {},",
                "\tdata() {",
                    "\t\treturn {",
                        "\t\t\tdisabled: false",
                    "\t\t};",
                "\t},",
                "\tmounted() {",
                "\t\tconsole.log('Hello',' --> mounted');",
                "\t},",
                "\tdestroyed() {",
                "\t\tconsole.log('Hello',' <-- destroyed');",
                "\t},",
                "\tmethods: {}",
            "};",
            "</script>",
            "",
            "<style lang=\"scss\" scoped>",
            "</style>",
        ],
        "description": "Print to Vue Template script style "
    }
}