VsCode里的Vue模板的实现
如何自定义自己的开发模板?你需要这几步:
点击VsCode左上角的“文件” ; 找到 “首选项” 并点击首选项里的 “用户片段”; 输入 “vue.json” 点击进入该文件 现在你就能编辑自己的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模板内容请搜索好吧啦网以前的文章或继续浏览下面的相关文章希望大家以后多多支持好吧啦网!
相关文章:
1. Android 实现列表倒计时功能2. Django 5种类型Session使用方法解析3. django中嵌套的try-except实例4. 基于Django signals 信号作用及用法详解5. Django Form设置文本框为readonly操作6. Django ORM 查询表中某列字段值的方法7. spring boot集成mongodb的增删改查的示例代码8. SpringBoot2整合Ehcache组件实现轻量级缓存管理9. Android WebView通过动态的修改js去拦截post请求参数实例10. Django def clean()函数对表单中的数据进行验证操作