vscode自定义代码模板快速生成代码

我们在使用vscode编写程序的时候，有时候有一些常用的模板代码，我们想要输入关键字自动就生成，那么应该如何设置呢？首先需要打开软件的User snippets，有两种方式打开：

1、图形界面

 2、快捷键

ctrl+shift+p（mac电脑是command+shfiit+p） 输入user

然后找到你要定义模板的文件类型，比如输入vue，定义vue文件模板  

点击后，可以看到出现如下界面：

 取消example后面的注释，在example的基础上进行修改，比如想要定义的模板代码如下所示：

<template>

</template>

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

此时修改文件内容如下所示：

还有进阶操作，可以设置生成模板内容鼠标光标的位置：