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

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

han32684年前 (2022-11-04)其他3393

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

分享给朋友:

相关文章

windows server 2016,2019,2022添加开机启动项

windows server 2016,2019,2022添加开机启动项

windows server 2012以上的版本(2016,2019,2022)在开始菜单中找不到“启动”,若是有个软件,如何能开机启动呢?打开文件资源管理器,把下面的位置粘贴到地址栏后回车。将软件的...

tmmtinyMediaManager遇到的问题,连不上api.themoviedb.org

tmmtinyMediaManager遇到的问题,连不上api.themoviedb.org

修改hosts文件就行,连梯子都不用。至于修改成什么地址呢,可以到下面这个网站搜一下地址 导航直达win10的hosts文件在C:\WINDOWS\system32\drivers\etc13.225...

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

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

正则表达式(.*?)和(.*)的全部非贪婪模式和贪婪模式

    var str = "abcdefgnameddfhskshjsfsjdfps=abcdefgname552sh...

Windows10自动登录的设置方法 Windows10怎么自动登录

Windows10自动登录的设置方法:  打开CMD:  1、在运行中执行 netplwiz 命令;  2、此时将自动打开「高级用户账户控制面板」,在此你可以选中需要自动登录的账户名称 — 取消勾选「...