使用vscode快速创建vue模板

第一步:进入vscode界面,使用快捷键Ctrl+shift+p,输入sni,找到首选项:配置用户代码片段。
使用vscode快速创建vue模板_第1张图片
第二步:点击首选项:配置用户代码片段,并输入html.json,并点击进入
使用vscode快速创建vue模板_第2张图片
第三步:将如下代码覆盖进html.json文件中`在这里插入代码片

{
"vh": {
	"prefix": "vh", // 触发的关键字 输入vh按下tab键
	"body": [
		"",
		"",
		"",
		"",
		"    ",
		"    ",
		"    ",
		"    Document",
		"    ",
		"",
		"",
		"",
		"    
", " ", "", "", "", ], "description": "vh components" } }

使用vscode快速创建vue模板_第3张图片
Ctrl+s保存。
第四步:创建一个新的html页面,输入vh,就会自动生成一个简单的vue模板啦
使用vscode快速创建vue模板_第4张图片
使用vscode快速创建vue模板_第5张图片

你可能感兴趣的:(使用vscode快速创建vue模板)