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

相关推荐
葡萄城技术团队2 分钟前
智慧表格(SpreadJS + AI):拥抱 Web 端对话式办公新时代
前端·人工智能
OpenTiny社区31 分钟前
电商系统集成GenUI SDK实操指南
前端·开源·ai编程
A_nanda32 分钟前
vue实现后端传输逐帧图像数据
前端·javascript·vue.js
YGY顾n凡35 分钟前
我开源了一个项目:一句话创造一个AI世界!
前端·后端·aigc
qq_120840937137 分钟前
Three.js 工程向:动画循环与时间步进稳定性实践
前端·javascript
旷世奇才李先生1 小时前
React18\+TypeScript实战: Hooks封装与企业级组件开发
前端·javascript·typescript
午安~婉1 小时前
Electron(续4)利用AI辅助完成配置功能
前端·javascript·electron·应用打包与发布
tERS ERTS1 小时前
头歌答案--爬虫实战
java·前端·爬虫
当时只道寻常1 小时前
Vue3 集成 NProgress 进度条:从入门到精通
前端·vue.js