如何在vscode中自定义一个Vue模板-创新互联

如何在vscode 中自定义一个 Vue 模板?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

专注于为中小企业提供网站设计制作、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业泉港免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了近1000家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

首先,在vs code 中打开定义模板代码的地方

第一步,点击“设置”图标按钮,在弹出的菜单中点击的“用户代码片段”(也就是模板)

如何在vscode 中自定义一个 Vue 模板

第二步,在弹出的框中选择新建代码片段(可选为 全局/现在的项目 创建模板)

如何在vscode 中自定义一个 Vue 模板

第三步,输入要新建的模板名称,然后,回车(这里我已经新建过了)

如何在vscode 中自定义一个 Vue 模板

然后会自动打开下面这个页面,在这里我们就可以开始新建一个vue模板了

如何在vscode 中自定义一个 Vue 模板

现在我们开始创建我们的模板了 这是一个模板例子

需要的可以直接拷贝到新建的模板文件中,然后按自己的风格改改

{
	"Print to console": {    
		"prefix": "vue",    
		"body": [     
				"",     
				"",
				"",
				"",
				""
		],
		"description": "my vue template"
	}
}

当前名称:如何在vscode中自定义一个Vue模板-创新互联
当前网址:http://scjbc.cn/article/diphio.html

其他资讯