vue自动生成代码片段

要在Vue中自动生成代码片段，需要进行以下步骤：
1. 在新的Vue文件中直接输入你想要的代码片段的名称，然后按下Enter键。系统会自动提示并生成成功。例如，你可以输入"vue-template"作为代码片段名称。
2. 在代码片段文件中粘贴以下代码：

<template>
 <div class="$1"></div>
</template>

<script>
export default {
 name: '$3',
 mixins: [],
 components: {},
 props: {},
 data () {
  return { }
 },
 computed: {},
 watch: {},
 created () {},
 mounted () {},
 methods: {}
}
</script>

<style scoped lang="scss">
</style>

3. 保存代码片段文件，并设置代码片段的描述信息。例如，你可以设置描述为"my vue template"。
4. 现在，每当你需要自动生成Vue代码片段时，只需在Vue文件中输入你设定的代码片段名称，然后按下Enter键即可。

如果你想删除新增的代码片段，可以按照以下步骤进行操作：
1. 打开设置，并找到"配置用户代码片段"选项。
2. 点击"新建全局代码片段文件"，然后选择你想要删除的代码片段。
3. 系统会自动打开该代码片段的代码文件。你可以右键点击文件，在文件资源管理器中找到该文件并删除即可。