在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,即可配置:

相关推荐
bluceli1 分钟前
前端构建工具深度解析:从Webpack到Vite的演进之路
前端
wuhen_n3 分钟前
v-model 的进阶用法:搞定复杂的父子组件数据通信
前端·javascript·vue.js
wuhen_n5 分钟前
TypeScript 深度加持:让你的组合式函数拥有“钢筋铁骨”
前端·javascript·vue.js
滕青山17 分钟前
基于 ZXing 的 Vue 在线二维码扫描器实现
前端·javascript·vue.js
Kayshen30 分钟前
我在设计工具里实现了一个 Agent Team:多智能体协作生成 UI 的实战经验
前端·aigc·agent
swipe41 分钟前
深入理解 JavaScript 中的 this 绑定机制:从原理到实战
前端·javascript·面试
Json_Lee43 分钟前
2026 年了,多 Agent 编码该怎么选?agent-team vs Claude Agent Teams vs Claude Squad vs Met
前端·后端·vibecoding
Novlan11 小时前
Stepper 小数输入精度丢失 Bug 修复
前端
陈随易1 小时前
刚上市就断货?如此火爆的编程显示器到底有什么魔力
前端·后端·程序员
兆子龙1 小时前
前端哨兵模式(Sentinel Pattern):优雅实现无限滚动加载
前端·javascript·算法