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然后回车

在这里插入图片描述

全部评论

相关推荐

点赞 评论 收藏
分享
运营3年修炼中接简历辅导:你的科研项目经历里,只写了你的动作,没有写你的思考和成果,不要只写使用什么进行了什么,这等于罗列你的任务,简历是为了突出你的优秀,你在什么样的任务背景下,克服了什么样的困难,针对性地做了哪些事情,最后达成了什么成果(用数据体现你的成果和效率)
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务