使用 vs code 怎么生成 Vue2 模版

liu_bao1

已于 2023-12-11 11:32:07 修改

阅读量636

点赞数 12

文章标签： vue.js 前端 javascript

于 2023-12-11 11:25:29 首次发布

本文链接：https://blog.csdn.net/liu_bao1/article/details/134922549

版权

1、安装Vue 2 Snippets插件；

2、打开设置输入>snippets，选择Configure User Snippets；

3、输入vue ,找到vue.json

4、配置如下代码：

{
    "Print to console": {
        //快捷键
        "prefix": "vue",
        //内容
        "body": [
            "<template>",
            "    <div>$0</div>",
            "</template>",
            "",
            "<script>",
            "    export default {",
            "        name: \"\",",
            "        data() {",
            "            return {};",
            "        },",
            "        methods: {},",
            "        mounted() {}",
            "    };",
            "</script>",
            "<style lang=\"less\" scoped></style>",
            ""
        ]
    }
}

5、在空白的vue文件里面输入vue,之后回车如下：