快速生成vue2&vue3模板

2022-05-31  本文已影响0人  媛猿YY

首选项-->用户片段-->搜索vue.json,输入以下代码

{
    "Print to console3": {
        "prefix": "vue3",
        "body": [
            "<template>",
            "  <div class=\"\">\n ",
            "  </div>",
            "</template>",
            "<script setup>",
            "import {} from 'vue'",
            "",
            "</script>",
            "<style lang=\"scss\" scoped>\n",
            "</style>",
            ""
        ],
        "description": "Log output to console"
    },
    "Print to console2": {
        "prefix": "vue2",
        "body": [
            "<template>",
            "  <div>\n",
            "  </div>",
            "</template>",
            "<script>",
            "export default {",
            "  name: 'APP',",
            "  data () {",
            "    return {",
            "    }",
            "  },",
            "  methods: {",
            "  },",
            "  created () {",
            "  },",
            "  mounted () {",
            "  },",
            "}",
            "</script>",
            "<style lang=\"scss\" scoped>\n",
            "</style>",
            "$2"
        ],
        "description": "Log output to console"
    }
}

在.Vue的文件输入vue2时就加载了vue2的模板,输入vue3时就加载了vue3的模板

<template>
  <div>

  </div>
</template>
<script>
export default {
  name: 'APP',
  data () {
    return {
    }
  },
  methods: {
  },
  created () {
  },
  mounted () {
  },
}
</script>
<style lang="scss" scoped>

</style>

<template>
  <div class="">
 
  </div>
</template>
<script setup>
import {} from 'vue'

</script>
<style lang="scss" scoped>

</style>

上一篇 下一篇

猜你喜欢

热点阅读