VsCode里的Vue模板的实现


Posted in Javascript onAugust 12, 2020

如何自定义自己的开发模板?你需要这几步:

  • 点击VsCode左上角的“文件” ;
  • 找到 “首选项” 并点击首选项里的 “用户片段”;
  • 输入 “vue.json” 点击进入该文件
  • 现在你就能编辑自己的Vue页面开发模板了!

VsCode里的Vue模板的实现

下面是我的模板代码

{
	"Print to console": {
	 "prefix": "vue",
	 "body": [
		"<!-- $0 -->",
		"<template>",
		" <div></div>",
		"</template>",
		"",
		"<script>",
		"export default {",
		" data () {",
		"  return {",
		"  }",
		" },",
		"",
		" //方法集合",
		" methods: {",
		"",
		" },",
		"",
		" //生命周期 - 创建完成(可以访问当前this实例)",
		" created(){",
		"",
		" },",
		"",
		" //生命周期 - 挂载完成(可以访问DOM元素)",
		" mounted(){",
		"",
		" },",
		" //生命周期 - 创建之前",
		" beforeCreate(){",
		"",
		" },",
		" //生命周期 - 挂载之前",
		" beforeMount(){",
		"",
		" },",
		" //生命周期 - 更新之前",
		" beforeUpdate(){",
		"",
		" },",
		" //生命周期 - 更新之后",
		" updated(){",
		"",
		" },",
		" //生命周期 - 销毁之前",
		" beforeDestroy(){",
		"",
		" },",
		" //生命周期 - 销毁完成",
		" destroyed(){",
		"",
		" },",
		" //如果页面有keep-alive缓存功能,该函数会触发",
		" activated(){",
		"",
		" }",
		"}",
		"",
		"</script>",
		"<style lang='scss' scoped>",
		"</style>"
	],
	 "description": "Log output to console"
	}
 }

效果如下:

VsCode里的Vue模板的实现

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

Javascript 相关文章推荐
JavaScript 序列化对象实现代码
Dec 18 Javascript
.NET微信公众号开发之创建自定义菜单
Jul 16 Javascript
在Html中使用Requirejs进行模块化开发实例详解
Apr 15 Javascript
浅谈如何实现easyui的datebox格式化
Jun 12 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
Jun 20 Javascript
angular中ui calendar的一些使用心得(推荐)
Nov 03 Javascript
Angular2学习笔记之数据绑定的示例代码
Jan 03 Javascript
Vue中的异步组件函数实现代码
Jul 20 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
Apr 11 Javascript
微信小程序的开发范式BeautyWe.js入门详解
Jul 10 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 13 Javascript
OpenLayer学习之自定义测量控件
Sep 28 Javascript
typescript配置alias的详细步骤
Aug 12 #Javascript
js实现表格单列按字母排序
Aug 12 #Javascript
javascript的hashCode函数实现代码小结
Aug 11 #Javascript
vue axios封装httpjs,接口公用配置拦截操作
Aug 11 #Javascript
解决vue刷新页面以后丢失store的数据问题
Aug 11 #Javascript
封装 axios+promise通用请求函数操作
Aug 11 #Javascript
在vue中使用回调函数,this调用无效的解决
Aug 11 #Javascript
You might like
Thinkphp模板中使用自定义函数的方法
2012/09/23 PHP
Smarty模板语法详解
2019/07/20 PHP
JavaScript读取中文cookie时的乱码问题的解决方法
2009/10/14 Javascript
jquery导航制件jquery鼠标经过变色效果示例
2013/12/05 Javascript
简述JavaScript对传统文档对象模型的支持
2015/06/16 Javascript
JavaScript时间操作之年月日星期级联操作
2016/01/15 Javascript
js 判断一组日期是否是连续的简单实例
2016/07/11 Javascript
jQuery树形控件zTree使用小结
2016/08/02 Javascript
js封装tab标签页实例分享
2016/12/19 Javascript
JS实现最简单的冒泡排序算法
2017/02/15 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
使用Dropzone.js上传的示例代码
2017/10/10 Javascript
Canvas实现微信红包照片效果
2018/08/21 Javascript
学习RxJS之JavaScript框架Cycle.js
2019/06/17 Javascript
ionic4+angular7+cordova上传图片功能的实例代码
2019/06/19 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
2021/01/26 Javascript
[07:43]《辉夜杯》公开赛晋级外卡赛战队—TRG训练生活探秘
2015/12/11 DOTA
[52:06]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python 读写、创建 文件的方法(必看)
2016/09/12 Python
Python实现树的先序、中序、后序排序算法示例
2017/06/23 Python
python遍历文件夹,指定遍历深度与忽略目录的方法
2018/07/11 Python
django 装饰器 检测登录状态操作
2020/07/02 Python
如何在Anaconda中打开python自带idle
2020/09/21 Python
网页切图的CSS和布局经验与要点
2015/04/09 HTML / CSS
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
2013/01/30 HTML / CSS
C#实现启动一个进程
2016/10/01 面试题
服装店营销方案
2014/03/10 职场文书
《梅花魂》教学反思
2014/04/30 职场文书
小学数学教学经验交流材料
2014/05/22 职场文书
比赛口号大全
2014/06/10 职场文书
学生会感恩节活动方案
2014/10/11 职场文书
音乐剧猫观后感
2015/06/04 职场文书
情况说明书怎么写
2015/10/08 职场文书
Python 文本滚动播放器的实现代码
2021/04/25 Python
Mybatis是这样防止sql注入的
2021/12/06 Java/Android
Mysql事务索引知识汇总
2022/03/17 MySQL