vscode中vue的文件模板

{
    // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and 
    // description. 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 console": {
    //  "prefix": "log",
    //  "body": [
    //      "console.log('$1');",
    //      "$2"
    //  ],
    //  "description": "Log output to console"
    // }
    "Vue App Template": {
        "prefix": "vueAppTemplate(TypeScript/stylus)",
        "body": [
            "<template>\n\t<div class=\"app\">\n\t\t<router-view />\n\t</div>\n</template>\n\n",
            "<script lang=\"ts\">\nimport { Component, Vue } from 'vue-property-decorator';\n\n@Component({\n\tcomponents: {}\n})\nexport default class App extends Vue {\n$0\n}\n</script>\n\n",
            "<style lang=\"stylus\" scoped>\nhtml, body\n\twidth 100%\n\theight 100%\n\tpadding 0\n\tmargin 0\n\tborder 0\n\tbox-sizing border-box\n\tfont-size 18px\n\tline-height 1\n\tfont-family \"Helvetica Neue\"\n\t-webkit-font-smoothing antialiased\n\t-moz-osx-font-smoothing grayscale\n\toverflow hidden\n",
            "*, ::before, ::after\n\tbox-sizing inherit\n.app\n\twidth 100%\n\theight 100%\n</style>"
        ],
        "description": "生成 VueApp(TypeScript/stylus) 文件的结构"
    },
    "Vue Template": {
        "prefix": "vueTemplate(TypeScript/stylus)",
        "body": [
            "<template>\n\t<div>\n\n\t</div>\n</template>\n\n",
            "<script lang=\"ts\">\nimport { Component, Vue } from 'vue-property-decorator';\n\n@Component({\n\tcomponents: {}\n})\nexport default class ${1:ClassName} extends Vue {\n$0\n}\n</script>\n\n",
            "<style lang=\"stylus\" scoped>\n\n</style>"
        ],
        "description": "生成 Vue(TypeScript/stylus) 文件的结构"
    }
}