在vscode 中设置 vue模板内容的方法
vscode中设置vue模板内容缘由设置要求1：vscode先下载插件`vetur`2:菜单栏-文件-首选项-用户代码片段3：使用
缘由
由于每次在vscode中创建vue的文件的时候，都需要手动书写
templete，模板
script，脚本
style，样式
这些重复和繁琐的事情，是可以定义一个模板信息的
设置要求
1：vscode先下载插件vetur
2:菜单栏-文件-首选项-用户代码片段
{
"生成vue模板":{
"prefix":"vue",
"body":[
"",
"",
"",
"",
"",
"",
"$4",
""
],
"description":"生成vue模板"
},
"http-get请求":{
"prefix":"httpget",
"body":[
"this.\\$http({",
"url:this.\\$http.adornUrl(''),",
"method:'get',",
"params:this.\\$http.adornParams({})",
"}).then(({data})=>{",
"})"
],
"description":"httpGET请求"
},
"http-post请求":{
"prefix":"httppost",
"body":[
"this.\\$http({",
"url:this.\\$http.adornUrl(''),",
"method:'post',",
"data:this.\\$http.adornData(data,false)",
"}).then(({data})=>{});"
],
"description":"httpPOST请求"
}
}
3：使用
在新创建的vue文件中，根据刚才的文件名就可以快速生成模板中的文件内容
到此这篇关于在vscode中设置vue模板内容的方法的文章就介绍到这了,更多相关vscode设置vue模板内容内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。