热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

vscode怎么设置vue模板代码

vscode设置vue模板代码的方法:1、首先安装vetur和vuehelper插件,重启vscode;2、然后依次点击file、preferences、usersnippets,选中vue项;3、最后在vue.json文件中添加模板代码。

在打开的 vue.json 中加入你的模板代码片段

{
	"vue": {
	"prefix": "vue",
	"body": [
		"",
		"",
		"",
	],
	"description": "generate a vue file"}
}

(3)在 vue 文件中,当你键入 vue 前缀时将自动联想出你在前面创建好的代码片段描述,此时按下 Tab 键或者选中它,模板代码片段将会被自动添加到你的 vue 文件中。


推荐阅读
author-avatar
小茹可爱的家1982
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有