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

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

han32682年前 (2022-11-04)其他1660

左下角设置->配置优惠代码片段–》搜索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

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

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

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

分享给朋友:

相关文章

爱快ikuai软路由器如何通过ssh登陆远程控制台\用户名是什么

爱快ikuai软路由器如何通过ssh登陆远程控制台\用户名是什么

爱快路由器如何通过ssh登陆远程控制台,1,首先登陆路由器,按照下面的步骤。找到远程维护,开启,设置密码此处是爱快开发人员所使用的一个通道,不开放给用户使用。默认是关闭的状态,需要爱快开发人员看后台数...

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

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

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

用powershell控制Hyper-V开关机 windows 计划任务执行脚本

用powershell控制Hyper-V开关机 windows 计划任务执行脚本

控制Hyper-V虚拟机的开关机对应的PowerShell脚本示例:# 启动虚拟机 Start-VM -Name "VMName" #&nbs...

如何解决无“地理位置相关接口(wx.getLocation)”权限

如何解决无“地理位置相关接口(wx.getLocation)”权限

1. 登录小程序后台,【设置】→【基本设置】→【服务类目】2. 添加类目:工具 > 信息查询,点击确定3. 【开发管理】→【接口设置】→【获取当前的地理位置、速度】,点击开通4. 申请理由:当前...

使用git bash统计vue项目的代码量行数

需求想要统计一下自己写的vue项目的代码量。主要是src文件夹下的html、css、js、vue文件的总代码量解决方案使用git bash,切换至vue项目的src目录下,然后输入如下命令:find&...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。