2020 Vscode建立.vue模板 （不包含空格）

背景：

每次建立一个vue文件都要手写一遍，直接写个模板好了

方法：

打开Vscode编辑器，依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，我们输入vue， 如下：

选择vue后，Vscode会自动打开一个名字为vue.json的文件，复制以下内容到这个文件中：

{
	"Print to console": {
	"prefix": "vue",
	"body": [
		"<!-- $0 -->",
		"<template>",
		"    <div>",
		"        <h3>Hello Vue</h3>",
		"    </div>",
		"</template>",
		"",
		"<script>",
		"export default {",
		"    data () {",
		"        return {",
		"            ",
		"        }",
		"    },",
		"",
		"    created(){",
		"        ",
		"    },",
		"    methods: {",
		"        ",
		"    },",
		"}",
		"",
		"</script>",
		"<style lang='less' scoped>",
		"    ",
		"</style>"
	],
	"description": "Log output to console"
	}
}

建立好模板之后，我们创建xxx.vue文件后，只需要输入vue然后按回车，就会自动生成上述模板了，是不是很方便呢

---

最后，看完本篇博客后，觉得挺有帮助的话，可以继续查看专栏其它内容嗷，一起来学习Vue吧~

点击进入Vue❤学习专栏~

学如逆水行舟，不进则退