VsCode 快速生成vue 模板(nuxt)

1.使用快捷Ctrl + Shift + P
在这里插入图片描述
2，输入“snippets”并选择红框内的
在这里插入图片描述
3.然后继续输入vue并选择红框内的
在这里插入图片描述
4.在vue.json文件中添加以下代码：（可根据个人需求修改模板内容）

"Print to console": {
		"prefix": "vue",
		"body": [
				"<template>",
				"<div> $0 </div>",
				"</template>",
				"",
				"<script>",
				"export default {",
				"  components: {},",
				"  props: {},",
				"  data() {",
				"    return {",
				"    };",
				"  },",
				"  watch: {},",
				"  computed: {},",
				"  methods: {},",
				"  created() {},",
				"  mounted() {}",
				"};",
				"</script>",
				"<style lang=\"scss\" scoped>",
				"</style>"
		],
		"description": "A vue file template"
	}

在这里插入图片描述
最后新建一个 test.vue 文件，输入“vue”，按下回车键或者Tab键，模板就自动生成了:
在这里插入图片描述

# vue.js # less
Logo
魔乐社区

魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。

更多推荐

Pont - 搭建前后端之桥：高效、灵活的接口管理工具

Pont 是一款强大的数据服务层解决方案，它能够帮助开发者快速搭建前后端之间的桥梁，实现接口的高效管理和代码自动生成。无论是新手还是有经验的开发者，都能通过 Pont 轻松处理接口文档、生成类型安全的 API 代码，从而显著提升开发效率。[![Pont 工具标志](https://raw.gitcode.com/gh_mirrors/po/pont/raw/3f1b7d4bbba3fd2dda

avatar 魔乐社区

如何快速上手 hvac：HashiCorp Vault Python 客户端零基础入门指南

**hvac** 是 HashiCorp Vault 的 Python 3.X 客户端库，专为开发者提供简单高效的 Vault 交互方式。无论你是需要管理密钥、配置身份验证，还是实现安全的秘密数据存储，hvac 都能帮助你轻松搞定 Vault 的各项操作。本文将带你零基础快速入门，从安装到基础操作，让你在几分钟内即可上手使用这个强大的工具。[![hvac 客户端 Logo](https://r

avatar 魔乐社区

提升Angular2-HN性能的7个实用技巧：让新闻加载速度飞起来

Angular2-HN是一款基于Angular构建的Progressive Hacker News客户端，专为追求高效新闻浏览体验的用户设计。本文将分享7个实用技巧，帮助你优化Angular2-HN的性能，让新闻加载速度显著提升，带来更流畅的阅读体验。## 1. 启用Service Worker缓存关键资源Service Worker是提升Angular应用性能的强大工具，它可以在后台缓存

avatar 魔乐社区