vscode设置vue代码片段

2,366 阅读1分钟

一 打开vscode种用户设置


二 选择创建vue代码片段


三 粘贴下面代码

{    "Print to console": {        "prefix": "vue",        "body": [            "<template>",            "    <div class='main'>\n",            "    </div>",            "</template>\n",            "<script>",            "export default {",            "    data() {",            "        return {\n",            "        };",            "    },",            "    computed: {\n",            "    },",            "    created() {\n",            "    },",            "    watch: {\n",            "    },",            "    methods: {\n",            "    }",            "};",            "</script>\n",            "<style scoped>\n",            "</style>\n",        ],        "description": "Create vue template"    }}