vscode - 配置快捷生成vue模板的代码片段

vscode - 配置快捷生成vue模板的代码片段

实现在vue文件中输入vue即可生成vue模板代码

效果如下:
vscode - 配置快捷生成vue模板的代码片段_第1张图片
步骤如下:
步骤1:file–preferences–configure user snippets
vscode - 配置快捷生成vue模板的代码片段_第2张图片
步骤2:
选择new global snippets file…
vscode - 配置快捷生成vue模板的代码片段_第3张图片
步骤3:
在输入框输入vue后按回车
在这里插入图片描述
步骤4:
在文件vue.code-snippets中全选内容删除,然后复制如下代码,并保存:

// vue模板代码
{
	"vue-template": {
	  "prefix": "vue",
	  "body": [
		"",
		"",
		"",
		"",
		"",
		""
	  ],
	  "description": "my vue template"
	}
  }

vscode - 配置快捷生成vue模板的代码片段_第4张图片

在vue文件中输入vue后出现如下效果,然后按回车即可。
vscode - 配置快捷生成vue模板的代码片段_第5张图片

你可能感兴趣的:(vue,前端)