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",按下回车键,自动生成模板

相关推荐
好好沉淀1 小时前
Apache 工具包(commons-io commons-lang3 )保姆介绍
java·ide
richxu202510012 小时前
Java开发环境搭建之 10.使用IDEA创建和管理Mysql数据库
java·ide·intellij-idea
xfmtznfl2165pv2 小时前
如何在VSCode中设置工作区特定的选项?
ide·vscode·编辑器
逻极6 小时前
Kiro 安全最佳实践:守护代理式 IDE 的 “防火墙”
ide·人工智能·安全·ai
正经教主7 小时前
【App开发】02:Android Studio项目环境设置
android·ide·android studio
夏天的味道٥8 小时前
IDEA 开发工具常用插件整理
java·ide·intellij-idea
猿小猴子9 小时前
主流 AI IDE 之一的 Comate IDE 介绍
ide·人工智能·comate
谢娘蓝桥1 天前
Mac 安装 Xcode 及qt 环境安装
ide·macos·xcode
方知我1 天前
使用VSCode进行SSH远程连接时无法与xxx建立连接
ide·vscode·ssh
重生之我要当编程大佬1 天前
关于打不开pycharm的解决方法(一)
ide·python·pycharm