工作小帮手1. vue 基础模板代码块设置打开 vscode, 在插件中安装展组件中的 Vetur，注意 vue2 的

1. vue 基础模板代码块设置

打开 vscode, 在插件中安装展组件中的 Vetur，注意 vue2 的话安装 Vetur， vue3 的话安装 Volar

vue3：volar 插件

vue2：vetur插件

选择设置>用户代码片段，然后输入：vue.json
插入以下代码

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"  <div class='$2'>$5</div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  data() {",
			"    return {",
			"",
			"    };",
			"  },",
			"  computed: {},",
			"  watch: {},",
			"  methods: {",
			"",
			"  },",
			"  created() {",
			"",
			"  },",
			"  mounted() {",
			"",
			"  },",
			"  beforeCreate() {},",
			"  beforeMount() {},",
			"  beforeUpdate() {},",
			"  updated() {},",
			"  beforeDestroy() {},",
			"  destroyed() {},",
      		"  activated() {},",
			"  components: {},",
			"}",
			"</script>",
			"",
			"<style lang='less' scoped>",//less是css的预处理器 要根据你所选择的处理器来进行更改
			"$4",
      		"</style>"
		],
		"description": "Log output to console"
	}
}