首页 > 其他分享 >创建vue快捷代码

创建vue快捷代码

时间:2022-11-29 20:48:16浏览次数:37  
标签:vue 补全 代码 prefix 快捷 vue2 model

实现在新建  **.vue 文件中,输入vue2,就可以补全 vue2 的结构代码

  1.  

     

  2.  

     

  3. 回车后出现下面的代码文件,复制下面代码段,到红框的位置,其中 prefix 可以自己设定输入什么口令补全代码  ,下面还可以修改css的预处理语言,我这是scss

 

 

"Print to model": {
		"prefix": "vue2",
		"body": [
				"<template>\n\t<div class=\"container\">\n\t\t$0\n\t</div>\n</template>",
				"<script>\nexport default {\n\t\t\n}\n</script>",
				"<style scoped lang=\"scss\">\n\t\n</style>",
		],
		"description": "model"
},

  

标签:vue,补全,代码,prefix,快捷,vue2,model
From: https://www.cnblogs.com/caujiajia/p/16936593.html

相关文章

  • vscode 按 tab 自动补全 vue 插件
    1.在vscode中搜索 HTMLSnippets,并安装2  3  4.在配置项中复制粘贴下面的代码"files.associations":{"*.vue":"html"},"emmet.......
  • GitHub代码更新提醒工具
    GitHub打开太慢?临时想要查看一个仓库,一直打不开?相信很多程序员一直存在这样的困扰。毕竟GitHub的服务器不在大陆,一般学会其他方式上网就可以了,然而不是所有的同学都会这......
  • 注册不到两年半Github标星39k+,吴恩达、李航老师的作品的笔记和代码实现
    2017年11月,我注册了github,现在差不多两年半了,一共收获了约39000star,排名个人用户81。今天,我就对我的github做下介绍,里面的几个仓库,非常适合机器学习和深度学习入门。......
  • 一行能装逼的JavaScript代码
    一行神奇的js代码,当时我就震惊了,这不就是传说中的ZB神奇么……哈哈。写本篇文章的缘由是之前看到了一段js代码,如下:​​(!(~+[])+{})[--[~+""][+[]]*[~+[]]+~~!+[]]+({}+......
  • for循环太Low?分享几段我工作中经常使用的for代码!
    前言不管是for循环还是while循环,都是任何一门语言的基础知识,同时也是非常重要的知识。借助于循环的策略,可以将很多重复性的问题完美地解决。在Python中,大家可能对她的印象是......
  • 线程同步(同步代码块 )
    线程同步:为了解决线程安全问题。1、取钱案例出现问题的原因?多个线程同时执行,发现账户都是够钱的。2、如何才能保证线程安全呢?让多个线程实现先后依次访问共享资源,这样就......
  • 代码随想录算法训练营第十四天 | 理论基础 递归遍历 迭代遍历 统一迭代
    今日内容:●理论基础●递归遍历●迭代遍历●统一迭代详细布置理论基础需要了解二叉树的种类,存储方式,遍历方式以及二叉树的定义文章讲解:https://pro......
  • Vue 引入element后el-button等标签PyCharm不识别
    降低element-ui的版本安装对应的"core-js"版本 [email protected](--save是项目安装,-g是全局安装)npmuninstallelement-ui//安装的同时,将信息......
  • c# 智能升级程序代码(1)
    最近单位开发一个项目,其中需要用到自动升级功能。因为自动升级是一个比较常用的功能,可能会在很多程序中用到,于是,我就想写一个自动升级的组件,在应用程序中,只需要引用这个自动......
  • Higress 实战:30 行代码写一个 Wasm Go插件
    作者:澄潭、如葑前言在11月15号的直播《Higress开源背后的发展历程和上手Demo演示》中,为大家演示了Higress的Wasm插件如何面向Ingress资源进行配置生效,本......