当前位置:首页 > 经验笔记 > 其他 > 正文内容

使用VS code 生成vue-cli代码片段模板

han32683年前 (2022-11-04)其他2541

左下角设置->配置优惠代码片段–》搜索vue–》找到vue.json–》粘贴这段代码

image.png

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<!-- $0 -->",
      "<template>",
      "  <div class=\"\">",
      "",
      "  </div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  name: '',",
      "  components: {},",
      "  data () {",
      "    return {}",
      "  },",
      "  watch: {},",
      "  computed: {},",
      "  mounted() {},",
      "  methods: {},",
      "}",
      "",
      "</script>",
      "<style scoped>",
      "",
      "</style>",
    ],
    "description": "Log output to console"
  }
}

新建.vue文件,输入vue回车就会生成刚刚json模板

image.png

image.png

扫描二维码推送至手机访问。

版权声明:本文由瀚文博客发布,如需转载请注明出处。

本文链接:https://hanwenblog.com/post/70.html

分享给朋友:

相关文章

【绕过APP抓包限制】Xposed+JustTrustMe关闭SSL证书验证!

【绕过APP抓包限制】Xposed+JustTrustMe关闭SSL证书验证!

1 前言这篇文章主要想解决的问题是,在对安卓手机APP抓包时,出现的HTTPS报文通过MITM代理后证书不被信任的问题。(工作中在抓取12306请求时就遇到了这个问题)之前的推送讲过,通常要抓取HTT...

Git国内镜像地址

1:官网下载https://git-scm.com/downloads使用官方的地址进行下载,速度很慢,大小40-50M,需要大约20分钟左右的时间才能够正常下载,所以寻找到下列国内镜像地址2:Git...

审查元素获取支付宝用户ID,PID,2088ID

审查元素获取支付宝用户ID,PID,2088ID

第一步:先登录支付宝官方网址 https://www.alipay.com/ 第二部:点击“进入我的支付宝”第三步:打开审查元素 快捷键F12  打开后选择 elemen...

windows全角半角切换 | 解决英文字符变宽

windows全角半角切换 | 解决英文字符变宽

问题有时候在使用中会发现英文字符变宽,例如变成:abcdefg而正常应为:abcdefg这是由于被切换到了全角,而正常应是半角解决办法1Shift+空格 完成相互切换解决办法2先切换到英文输入法右键输...

外网映射群晖为网络驱动器的方法

外网映射群晖为网络驱动器的方法

在外网环境下访问群晖文件通常是通过网页版DSM来完成的,相比局域网的直接访问,外网的网页访问方式多少有点不方便。这里介绍一种方法供大家参考。前提是:群晖和外网电脑都在ipv6环境下假设群晖的ipv6地...