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

相关推荐
Watermelo6174 小时前
【前端实战】构建 Vue 全局错误处理体系,实现业务与错误的清晰解耦
前端·javascript·vue.js·信息可视化·性能优化·前端框架·设计规范
A923A4 小时前
【Vue3大事件 | 项目笔记】第二天
前端·vue.js·笔记·前端框架·前端项目
万码社4 小时前
小程序开发实战:我手写日历组件踩过的那些坑
前端
工藤新一¹5 小时前
《操作系统》第一章(1)
java·服务器·前端
用户9714171814275 小时前
Flex 和 Grid 详细使用指南:从入门到实战避坑
前端·css
不会敲代码15 小时前
使用 Mock.js 模拟 API 数据,实现前后端并行开发
前端·javascript
琛説5 小时前
Web-Rooter:一种 IR + Lint 模式的 AI Agent 创新尝试【或许是下一个 AI 爆火方向】
前端·人工智能
用户9714171814275 小时前
absolute 元素的包含块(containing block)怎么找
前端·css
青山Coding5 小时前
Cesium应用(四):全球台风气象可视化实现
前端·vue.js·cesium
kyriewen5 小时前
响应式设计:一套代码,手机平板电脑全拿下
前端·css·html