vscode自定义vue模板的实现


Posted in Vue.js onJanuary 27, 2021

用vscode编辑器创建vue模板,再也不用每次新建vue文件的时候都去一遍遍的重复敲某些代码片段。输入 vue 再按回车键,即可生成自定义的vue文件内容,相当的好使,开发效率蹭蹭的上去了。

打开vscode,选择文件 > 首选项 > 用户片段。随后在出现的输入框内输入vue,按回车键。打开了一个叫vue.json的文件。如图:

vscode自定义vue模板的实现

图片内容已经是添加了相应的模板内容了,解释下,prefix字段表示的是自定义指令,就是我们在vue文件里面输入的vue标签,按回车即可生成自定义的文件内容;body里面就是我们自定义的内容了。\t是制表符,我这里主要是做格式化代码用

创建完vue模板后,就可以通过vue来创建文件啦!如下图:

vscode自定义vue模板的实现

代码内容:

"Print to console": {
 "prefix": "vue",
 "body": [
 "<!-- $0 -->",
 "<template>",
  "\t<div>",
  "",
  "\t</div>",
 "</template>",
 "",
 "<script>",
 "export default {",
    "\tname: '',",
 "\tcomponents: {},",
 "\tdata () {",
 "\treturn {",
 "\t}",
 "\t},",
 "\tmounted () {},",
 "\tmethods: {}",
 "}",
 "</script>",
 "<style scoped='scss' scoped>",
 "</style>"
 ],
 "description": "vue output to vue-template"
  }

此时有没发现vue模板是把开发的利器,好使好使!!!!!

到此这篇关于vscode自定义vue模板的实现的文章就介绍到这了,更多相关vscode自定义vue模板内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Vue.js 相关文章推荐
Vue3+elementui plus创建项目的方法
Dec 01 Vue.js
vue实现购物车的小练习
Dec 21 Vue.js
vue中h5端打开app(判断是安卓还是苹果)
Feb 26 Vue.js
vue实现拖拽进度条
Mar 01 Vue.js
Vue如何实现组件间通信
May 15 Vue.js
HTML+VUE分页实现炫酷物联网大屏功能
May 27 Vue.js
Vue Element-ui表单校验规则实现
Jul 09 Vue.js
vue整合百度地图显示指定地点信息
Apr 06 Vue.js
vue自定义右键菜单之全局实现
Apr 09 Vue.js
vue数据字典取键值项目的字典问题
Apr 12 Vue.js
vue-cli3.x配置全局的scss的时候报错问题及解决
Apr 30 Vue.js
vue postcss-px2rem 自适应布局
May 15 Vue.js
vue+echarts实现中国地图流动效果(步骤详解)
Jan 27 #Vue.js
vue3 watch和watchEffect的使用以及有哪些区别
Jan 26 #Vue.js
vue实现轮播图帧率播放
Jan 26 #Vue.js
vue 组件基础知识总结
Jan 26 #Vue.js
深入了解Vue动态组件和异步组件
Jan 26 #Vue.js
如何在 Vue 表单中处理图片
Jan 26 #Vue.js
Vue实现摇一摇功能(兼容ios13.3以上)
Jan 26 #Vue.js
You might like
千呼万唤始出来,DOTA2勇士令状不朽宝藏Ⅱ现已推出
2020/08/25 DOTA
MySQL的FIND_IN_SET函数使用方法分享
2012/03/27 PHP
PHP递归删除多维数组中的某个值
2017/04/17 PHP
php进行md5加密简单实例方法
2019/09/19 PHP
JQuery文本改变触发事件如聚焦事件、失焦事件
2014/01/15 Javascript
jquery插件之定时查询待处理任务数量
2014/05/01 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
2015/05/03 Javascript
javascript实现捕捉键盘上按下的键
2015/05/05 Javascript
jQuery.each使用详解
2015/07/07 Javascript
JS实现鼠标滑过折叠与展开菜单效果代码
2015/09/06 Javascript
使用Vue.js创建一个时间跟踪的单页应用
2016/11/28 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
2017/03/02 Javascript
js获取一组日期中最近连续的天数
2017/05/25 Javascript
微信小程序开发之map地图实现教程
2017/06/08 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
Vue点击切换Class变化,实现Active当前样式操作
2020/07/17 Javascript
基于javascript的无缝滚动动画1
2020/08/07 Javascript
python获取list下标及其值的简单方法
2016/09/12 Python
疯狂上涨的Python 开发者应从2.x还是3.x着手?
2017/11/16 Python
python定时利用QQ邮件发送天气预报的实例
2017/11/17 Python
Python实现批量压缩图片
2018/01/25 Python
使用Python通过win32 COM实现Word文档的写入与保存方法
2018/05/08 Python
python 函数内部修改外部变量的方法
2018/12/18 Python
对python指数、幂数拟合curve_fit详解
2018/12/29 Python
面向对象学习之pygame坦克大战
2019/09/11 Python
NBA欧洲商店(英国):NBA Europe Store UK
2018/07/27 全球购物
口腔工艺技术专业毕业生自荐信
2013/09/27 职场文书
民主生活会整改措施(党员)
2014/09/18 职场文书
党的群众路线教育实践活动自我剖析材料
2014/10/08 职场文书
毕业实习证明(4篇)
2014/10/28 职场文书
颐和园导游词400字
2015/01/30 职场文书
2015年度个人业务工作总结
2015/04/27 职场文书
故意杀人罪辩护词
2015/05/21 职场文书
小学生读书笔记
2015/07/01 职场文书
MySQL实例精讲单行函数以及字符数学日期流程控制
2021/10/15 MySQL
python playwright之元素定位示例详解
2022/07/23 Python