HbuilderX编辑器快速生成VUE代码块

发布于 2022-10-23 21:07:11

在这里插入图片描述

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <view class=\"$1\">",
            "    ",
            "  </view>",
            "</template>",
            "",
            "<script>",
            "/**",
            "* author        it问答网",
            "* time          $DATE_TIME",
            "* description   $3",
            "*/",
            "",
            "",
            "export default {",
            "  name: '$2',",
            "  data () {",
            "    return {",
            "      ",
            "    }",
            "  }",
            "}",
            "</script>",
            "",
            "<style lang=\"less\" scoped>",
            "",
            "</style>",
            ""
        ],
        "description": "Log output to console"
    }
}

在这里插入图片描述

使用一下vue快捷键看看:
在这里插入图片描述

image.png


关注公众号,了解更多it技术(it问答网

0 条评论

发布
问题