vue如何快速创建单文件组件（类似react的rcc操作）?

创建Vue代码片段

1.code -> 首选项 -> 用户片段

2.输入 vue -> 选择 vue.json

如果没有 vue.json，就选择如图所示 第一个文件

3.自定义所需要的模版

需要注意一下几点：

• 所有代码片段都只在.vue文件中才生效
• 一个代码片段对应 JSON 对象的一个属性
• 单个代码片段自身也是一个 JSON 对象，包含prefix、body、description等属性 代码片段的语法也很简单：
• prefix表示识别符（前缀），编辑器会根据识别符的输入插入代码片段body中的内容
• body表示最终插入到文档中的代码内容
• description是注释，便于日后翻看和维护

贴一下我配置的代码

{
     
	"Print to console": {
     
		"prefix": "!vue",
		"body": [
			"",
			"",
			""
			
		],
		"description": "Log output to console"
	}
}

4.创建 .vue文件，使用指令

输入 !vue

选择第一个,即会输出你之前的配置

至此,快捷指令就配置完毕，可以愉快的写代码啦！！！