在Vue-cli中得xxx.vue文件中快速生成组件模板

在我们的Vue-cli项目中会频繁的创建xxx.vue文件,
为了让我们有一个更好的编码体验,我们可以快速生成组件模板
如下图在VScode中点击左上角的文件

文件–> 首选项 --> 用户代码片段
在Vue-cli中得xxx.vue文件中快速生成组件模板_第1张图片
然后搜索 vue.json 回车
在Vue-cli中得xxx.vue文件中快速生成组件模板_第2张图片下一步, 在vue.json 文件中插入如下代码

"Print to console": {
	"prefix": "vue",
	"body": [
		"",
		"",
		"",
		""
	],
	"description": "Log output to console"
	}

如下图:
在Vue-cli中得xxx.vue文件中快速生成组件模板_第3张图片
然后再需要创建模板的空白xxx.vue文件中输入vue 然后回车就可以快速生成模板了
在Vue-cli中得xxx.vue文件中快速生成组件模板_第4张图片
在Vue-cli中得xxx.vue文件中快速生成组件模板_第5张图片

你可能感兴趣的:(在Vue-cli中得xxx.vue文件中快速生成组件模板)