【VSCode】快速生成 vue 文件模板

在 VSCode 中点击「左下角的设置」>「用户代码片段」>输入：vue.json 或者点击「左上角文件」>「首选项」>「用户片段」>输入：vue.json，将以下代码复制保存，然后新建.vue文件，输入：vue，回车即可。可按需自行添加内容。

如果新建的 vue 文件输入 vue 不出现快捷生成，需要在新建的 vue 文件页面右下角选择语言模式为 Vue。

{
    "Print to console": {
        "prefix": "vue",  
        "body": [
            "<template>",
            "  <div>",
            "    $0",
            "  </div>",
            "</template>",
            "<script>",
            "  export default {",
            "    name:'',",
            "    components: {},",
            "    props:[''],",
            "    data () {",
            "      return {",
            "",
            "      };",
            "    },",
            "    watch: {},",
            "    created() {},",
            "    beforeMount() {},",
            "    mounted() {},",
            "    methods: {},",
            "    computed: {}",
            "  }",
            "</script>",
            "<style lang='' scoped>",
            "",
            "</style>"
        ],
        "description": "Create VUE template"
    }
}

perfix是在快捷键，如果把 vue 改成 vd 就是在文件中输入 vd 生成模板。