在VS Code中快速生成Vue模板的技巧

配置vue.json:

json 复制代码
{    
	"Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div class=\"\">\n",
            "  </div>",
            "</template>\n",
            "<script>",
            "export default {",
            "  name: '',",
            "  props: {},",
            "  data () {",
            "    return {}",
            "  },",
            "  components: {",
			"    ",	
			"  },",
            "  computed: {",
			"    ",	
			"  },",
            "  mounted: {",
			"    ",	
			"  },",
            "  watch: {",
      "    ",
      "  },",
            "  methods: {",
			"    ",	
			"  },",
            "  created () {",
      "    ",
      "  },",
            "  mounted () {",
      "    ",
      "  },",
            "}",
            "</script>\n",
            "<style scoped>",
			"  ",
            "</style>",
            "$2"
        ],
        "description": "Log output to console"
    }
}

新建vue,选择vue,即可配置:

相关推荐
申阳17 小时前
2小时个人公司:一个全栈开发的精益创业之路
前端·后端·程序员
用户98738245810117 小时前
5. view component
前端
技术小丁17 小时前
零依赖!教你用原生 JS 把 JSON 数组秒变 CSV 文件
前端·javascript
古一|17 小时前
Vue路由两种模式深度解析+Vue+SpringBoot生产部署全流程(附Nginx配置)
javascript·vue.js·nginx
Crystal32817 小时前
原生 Vue + UniApp 的小程序或 App 项目里如何判断用户是否为首次下载应用
前端·vue.js
时间的情敌17 小时前
基于 Vue3 及TypeScript 项目后的总结
前端·vue.js·typescript
纯爱掌门人18 小时前
鸿蒙端云一体化云存储实战:手把手教你玩转文件上传下载
前端·harmonyos
非凡ghost18 小时前
图吧工具箱-电脑硬件圈的“瑞士军刀”
前端·javascript·后端
非凡ghost18 小时前
Xrecode3(多功能音频转换工具)
前端·javascript·后端
橙某人18 小时前
飞书多维表格插件:进一步封装,提升开发效率!🚀
前端·javascript