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

相关推荐
Moment25 分钟前
腾讯终于对个人开放了,5 分钟在 QQ 里养一只「真能干活」的 AI 😍😍😍
前端·后端·github
比尔盖茨的大脑35 分钟前
AI Agent 架构设计:从 ReAct 到 Multi-Agent 系统
前端·人工智能·全栈
天才熊猫君37 分钟前
使用 Vite Mode 实现客户端与管理端的物理隔离
前端
HelloReader39 分钟前
React Hook 到底是干嘛的?
前端
用户605723748730839 分钟前
OpenSpec 实战:从需求到代码的完整工作流
前端·后端·程序员
寅时码1 小时前
React 正在演变为一场不可逆的赛博瘟疫:AI 投毒、编译器迷信与装死的官方
前端·react.js·设计模式
忆江南1 小时前
HTTP 各版本演进与 HTTPS 原理详解
前端
忆江南1 小时前
对组件化与模块化的思考与总结
前端
小码哥_常2 小时前
从0到1:Android组件化架构搭建秘籍
前端