VsCode快速生成vue代码片段

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了VsCode快速生成vue代码片段，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含627字，纯文字阅读大概需要1分钟。

内容图文

1.点击文件 > 首选项 > 用户代码片段

2.新建或修改vue.json
3.将下列代码粘贴上去（可根据自己需要添加/删除）

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div>\n",
            "  </div>",
            "</template>\n",
            "<script>",
            "export default {",
            "  name:\"\",",
            "  components: {},",
            "  props: {},",
            "  data() {",
            "    return {};",
            "  },",
            "  computed: {},",
            "  watch: {},",
            "  created() {},",
            "  mounted() {},",
            "  activited() {},",
            "  update() {},",
            "  filters: {},",
            "  methods: {},",
            "};",
            "</script>\n",
            "<style lang=\"${1:scss}\" scoped>\n",
            "</style>\n",
        ],
        "description": "Create vue template"
    }
}

4.在新建的vue文件里面打’vue’敲回车代码片就自动生成了

内容总结

以上是互联网集市为您收集整理的VsCode快速生成vue代码片段全部内容，希望文章能够帮你解决VsCode快速生成vue代码片段所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---