vscode 快速生成vue 格式

1.用快捷Ctrl + Shift + P唤出控制台

输入"Snippets"并选择 Snippets: Configure User Snippets

2.输入vue,选中vue.json

vs code自动生成vue.json文件

3.在 vue.json 中添加模板

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

4.新建一个 vue 文件,输入"vue2",按下回车键,自动生成模板

相关推荐
带土119 小时前
vscode json
vscode·json
明道源码1 天前
Android Studio 代码编辑区域的使用
android·ide·android studio
冷天气会感冒1 天前
关闭VSCode的推荐插件(Recommended extensions)提示
ide·vscode·编辑器
陈皮话梅糖@1 天前
Speckit 和 Claude 使用指南
ide
Y unes1 天前
《i.MX6ULL LED 驱动实战:内核模块开发与 GPIO 控制》
linux·c语言·驱动开发·vscode·ubuntu·嵌入式
晨曦夜月1 天前
vim及其模式的操作
linux·编辑器·vim
古一木1 天前
ROS1+Vscode
ide·vscode·编辑器
YONYON-R&D1 天前
VSCODE 调试C程序时 打印中文
ide·vscode·编辑器
不光头强1 天前
IDEA的基本设置和使用
java·ide·intellij-idea
冷天气会感冒1 天前
关闭VSCode的GitHub Copilot功能
vscode·github·copilot