vscode 配置vue3模板,快速生成vue2,vue3代码

配置vue模板

  • vue3模板
  • vue2模板

vue3模板

1. 找到配置用户代码片段

vscode 配置vue3模板,快速生成vue2,vue3代码_第1张图片

2. 输入你想配置的模板名 模板名.json

因为我已经配置过了,所以输入时已经显示出来了
vscode 配置vue3模板,快速生成vue2,vue3代码_第2张图片
3. 配置模板

{
	"Print5 to console": {
	"prefix": "v3",
	"body": [
		"",
		"",
		"",
		"",
		""
	],
	"description": "Log output to console"
}
}

4. 在代码中使用,输入模板名v3回车即可生成

vscode 配置vue3模板,快速生成vue2,vue3代码_第3张图片

vue2模板

1. 找到配置用户代码片段,查看是否有vue.json文件
在这里插入图片描述

2. 如果有则可以直接在代码中使用

3. 如果没有下载插件即可
vscode 配置vue3模板,快速生成vue2,vue3代码_第4张图片

4. 在代码中使用,输入vue回车即可生成
vscode 配置vue3模板,快速生成vue2,vue3代码_第5张图片

你可能感兴趣的:(vue,vscode,vue,前端,编辑器)