VScode html和vue模板生产

html
选择目标文件夹，新建一个拓展名为html的文件：
在第1行输入!（英文状态下），按tab键，新建成功。

vue

C95CA7D1-1474-47B0-BA84-6780703F1737.png

BDF92AFF-5C12-41B6-B189-81B83F7E1BE6.png

 "Print to console":{
    "prefix": "vue",
        "body": [
            "<template>",
            "  <div class=\"wrapper\">$0</div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "  components:{},",
            "  props:{},",
            "  data(){",
            "    return {",
            "    }",
            "  },",
            "  watch:{},",
            "  computed:{},",
            "  methods:{},",
            "  created(){},",
            "  mounted(){}",
            "}",
            "</script>",
            "<style lang=\"scss\" scoped>",
            ".wrapper{}",
            "</style>"
        ],
        "description": "A vue file template"
}

最后

未命名.gif