VSCode自定义代码片段——以生成Vue模板为例（图文版）

在日常开发中，经常需要编写大量具有相同重复代码，而vscode中的代码片段可以完美解决这个问题。

这篇教程就以生成Vue模板为例。

<template>
  
</template>

<script>
  export default {

  }
</script>

<style scoped>

</style>

一、找到入口

二、选择要生效的文件类型

这里我要生成的是vue模板，所以这里我选择vue文件

选择后会自动打开vue.json文件，文件内容默认如下：

三、代码块书写

这里就需要用到一个非常好用的工具了，你只需要填入你想要生成的模板，它会自动帮你生成配置文件。

https://snippet-generator.app/

这是我的示例：

把复制的配置代码粘贴到刚刚打开的vue.json文件中。

四、大功告成

现在在.vue文件中输入vuebase就可以生成想要的代码片段了。