vscode 自动生成 vue component 模板

最新推荐文章于 2023-01-14 22:04:17 发布

你还可以在努力一点

最新推荐文章于 2023-01-14 22:04:17 发布

阅读量2.6k

点赞数 3

分类专栏： vue 文章标签： vscode 代码片段

本文链接：https://blog.csdn.net/weixin_42521149/article/details/88019666

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

vscode 自动生成 vue component 模板

有点强迫症，所以代码格式要求工整的可以copy。
ctrl + shift + p 找到vue.json 修改即可

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