vscode里使用 .vue 代码 模板

vscode里面设置vue模板，使用快捷键可以快速生成vue的基础代码，节省时间

效果：

<template>
 <div class="container">

 </div>
</template>

<script>
export default {
 data() {
  return {

  }
 },
 components: {

 }
}
</script>

<style scoped >

</style>

操作步骤

文件 ==> 首选项 ==> 用户片段 ==> 输入vue
选择Vue会出现一个vue.json文件
将下面代码复制进去保存即可。
然后新建.vue文件，输入vue，按tab键就可以出现效果图里面的效果。

vue.json文件代码：

{
	"Print to console": {
		"prefix": "vue",
		"body": [
		"<template>",
		" <div class=\"container\">\n",
		" </div>",
		"</template>\n",
		"<script>",
		"export default {",
		" data() {",
		"  return {\n",
		"  }",
		" },",
		" components: {\n",
		" }",
		"}",
		"</script>\n",
		"<style scoped >\n",
		"</style>",
		"$2"
		],
		"description": "Log output to console"
	}
}

模板内容可以按自己的习惯来自己设

对您有用的话留个关注可好