vscode快速生成vue模板

vscode快速生成vue模板

记录一下忘记了在来看看
1.第一步
需要一个插件来识别vue文件
插件库中输入vuter，install下载
2.第二步
在首选项-----用户代码片段—搜索vue.json
3.第三步
把下面的代码复制进去
4.第四步
重启vscode，新建页面的时候输入vue，回车，快速生成vue模板

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div></div>",
            "</template>",
            "",
            "<script>",
			"/**",
			"@description:$2",
			"@createTime:$CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE",
			"@create:改成你自己的名字",
			"*/",
			"export default {",
			"  name: '$3',",
			"  props: {},",
            "  components: {},",
            "  data() {",
            "    return {};",
            "  },",
            "  computed: {},",
            "  watch: {},",
            "  mounted() {},",
            "  created() {},",
            "  methods: {}",
			"};",
			"</script>",
			
            "<style scoped></style>",
			"$4"
        ],
        "description": "Log output to console"
    }
}