visual studio code中配置vue的自动生成代码模块

点击左下角的设置,选中箭头所指的选项

在这里插入图片描述
在这里填写vue,点击会回车
在这里插入图片描述

将以下代码复制到输入框中

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "<div class='$2'>$5</div>",
            "</template>",
            "",
            "<script>",
            "",
            "export default {",
            "\tdata() {",
            "\t\treturn {",
            "",
            "\t\t};",
            "\t},",
            "\tmethods: {",
            "",
            "\t},",
            "}",
            "</script>",
        ],
        "description": "Log output to console"
    }
}

新建一个.vue的文件,输于vu然后回车

在这里插入图片描述

全部评论

相关推荐

纯朴的商业竞争手段
职场不咸鱼:看来商家也喜欢jd
投递美团等公司6个岗位 > 京东美团大战,你怎么看?
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务