VsCode——创建Vue 模板

1. 打开工具——左侧选择扩展搜索vue-helper插件安装
VsCode——创建Vue 模板_第1张图片

2. 进入文件——首选项——用户片段——输入选择Vue.json

VsCode——创建Vue 模板_第2张图片
在这里插入图片描述

3. 编辑vue.json

prefix 前缀,可自定义,用于快捷创建模板代码

VsCode——创建Vue 模板_第3张图片

4. 使用:新建Vue文件,输入vue然后tab
VsCode——创建Vue 模板_第4张图片

VsCode——创建Vue 模板_第5张图片
Tip 创建多个模板格式

{
	"create Vue2":...,
	"create Vue3 Setup":...,
	...
}

【常用模板】

//Vue2 —— 通用
{
	"create Vue2": {
		"prefix": "vue",
		"body": [
			"\n",
			"\n",
			"",
		],
		"description": "Log output to console"
	}
}
//Vue2 —— vue-property-decorator
{
	"create Vue2 vue-property-decorator": {
		"prefix": "vue",
		"body": [
			"\n",
			"\n",
			""
		],
		"description": "Log output to console"
	}
}
//Vue3 —— setup
{
	"create Vue3 Setup": {
		"prefix": "vue",
		"body": [
			"\n",
			"\n",
			""
		],
		"description": "Log output to console"
	}
}

你可能感兴趣的:(Vscode,vscode)