vscode快速新建vue模版

前言

在vue开发中，创建文件模板是需要每次都做的事情，vscode快速新建.vue文件模板，可以有效的减少创建模板的时间。

步骤

1. 找文件

打开VS Code，依次选择“文件 =》 首选项 =》用户片段”，此时，在弹出的搜索框输入vue，选择vue.json

2. 配置

将文件中的注释替换为新的配置代码，代码如下（示例），其中：

• prefix ：生成模板代码的命令
• body：对应模板
• description：模板说明

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  name:'',",
			"  data(){",
			"   return {",
			"",
			"   }",
			"  }",
			"}",
			"</script>",
			"",
			"<style scoped>",
			"",
			"</style>",
			"$2"
		],
		"description": "Vue Template"
	}
}

3. 使用

创建.vue后缀空白文件=》输入vue=》选中自己创建的模板（一般是第一个选项）