VScode快速生成Vue3组件模板(代码片段&插件)

方法一:配置用户代码片段

好处:可以完全按照个人习惯设置。

1、打开设置里的用户代码片段

VScode快速生成Vue3组件模板(代码片段&插件)_第1张图片

2、找到vue.json

VScode快速生成Vue3组件模板(代码片段&插件)_第2张图片

3、配置如下:

	// Example:
	"vue代码段": {
		"prefix": "vue",
		"body": [
			"",
			"",
			""
		],
		"description": "a vue template"
	}

4、使用:输入vue回车生成

VScode快速生成Vue3组件模板(代码片段&插件)_第3张图片

VScode快速生成Vue3组件模板(代码片段&插件)_第4张图片

方法二:使用Vue VSCode Snippets插件

好处:安装即用,生成默认模板。

1、下载Vue VSCode Snippets插件并启用

VScode快速生成Vue3组件模板(代码片段&插件)_第5张图片

2、使用:输入vue回车生成

VScode快速生成Vue3组件模板(代码片段&插件)_第6张图片

VScode快速生成Vue3组件模板(代码片段&插件)_第7张图片

总结:两种方法根据个人喜好使用,也可同时使用。

你可能感兴趣的:(vue,vscode,vue.js,javascript)