这篇文章主要介绍了在vscode 中设置 vue模板内容的方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
vscode中设置 vue 模板内容缘由设置要求1：vscode 先下载插件 `vetur`2: 菜单栏 -文件 – 首选项 – 用户代码片段3：使用
缘由
由于每次在 vscode 中创建vue的文件的时候，都需要手动书写
templete，模板
script，脚本
style，样式
这些重复和繁琐的事情，是可以定义一个模板信息的
设置要求
1：vscode 先下载插件 vetur
2: 菜单栏 -文件 – 首选项 – 用户代码片段
以下是借鉴一下谷粒商城的 提供 vue 模板信息 和 httpget、httppost请求
{ "生成vue模板": {<b style="color:transparent">来&源gao@dai!ma.com搞$代^码%网</b> "prefix": "vue", "body": [ "", "<div></div>", "", "", "", "", "$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文件中，根据刚才的文件名就可以快速生成模板中的文件内容
比如，此时就是设置的 vue
总结
以上就是在vscode 中设置 vue模板内容的方法的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：在vscode 中设置 vue模板内容的方法
转载请注明原文链接：在vscode 中设置 vue模板内容的方法
