vue.jpg

首先看效果图

image.png

• 首先必须安装扩展组件中的Vetur

• 按照提示选择

  
  
  image.png
• 输入vue.json进行打开，发现什么都没有
• 接下来把下面的代码进行复制黏贴后重新新建一个.vue文件，直接输入vue回车后就会发现和上面的效果图一样。

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div>",
            "    $0",
            "  </div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "  data () {",
            "    return {",
            "    }",
            "  },",
            "",
            "  components: {},",
            "",
            "  methods: {}",
            "}",
            "</script>",
            "",
            "<style scoped>",
            "</style>"
        ],
        "description": "Log output to console"
    }
}

<template>
  <div>
    
  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  },

  components: {},

  methods: {}
}
</script>

<style scoped>
</style>

• 这样省去了很多时间，可以去做更多的事情
• 感谢大家的对小橙子的支持和鼓励，后期我会带来更多的相关内容