Hbuilder编辑器快速生成vue代码块

vue2

Hbuilder编辑器快速生成vue代码块

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

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

Hbuilder编辑器快速生成vue代码块

vue3

{
    "Print to console": {
        "prefix": "vue3",
        "body": [
            "<template>",
            "  <view class=\"$2\">$3</view>",
            "</template>",
            "",
            "<script setup lang=\"ts\">",
            "/**",
            "* author        全易",
            "* time          $DATE_TIME",
            "* description   $1",
            "*/",
            "",
            "",
            "  $4",

            "</script>",
            "",
            "<style scoped lang=\"scss\">",
            "",
            "</style>",
            ""
        ],
        "description": "Log output to console"
    }
}

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐