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

相关推荐
涛ing40 分钟前
23. C语言 文件操作详解
java·linux·c语言·开发语言·c++·vscode·vim
手捧向日葵的话语2 小时前
Linux下的编辑器 —— vim
linux·编辑器·vim
莲动渔舟2 小时前
国产编辑器EverEdit - 快捷目录
编辑器
小唐C++2 小时前
C++小病毒-1.0勒索
开发语言·c++·vscode·python·算法·c#·编辑器
放飞自我的Coder4 小时前
使用 ECS服务器 和 vsCode 搭建远程开发站
vscode·ssh
蘑菇丁5 小时前
ansible批量生产kerberos票据,并批量分发到所有其他主机脚本
java·ide·eclipse
空の鱼12 小时前
java开发,IDEA转战VSCODE配置(mac)
java·vscode
沈梦研13 小时前
【Vscode】Vscode不能执行vue脚本的原因及解决方法
ide·vue.js·vscode
硬汉嵌入式14 小时前
《安富莱嵌入式周报》第349期:VSCode正式支持Matlab调试,DIY录音室级麦克风,开源流体吊坠,物联网在军工领域的应用,Unicode字符压缩解压
vscode·matlab·开源
%小农15 小时前
vscode的字体图标库-icomoon
ide·vscode·编辑器