Vue:配置自己的快捷代码段

如何在vscode中使用代码补全，补全自己定义的代码段？

在编写代码的开始，有一些代码是固定的，可是每次编写太过于浪费时间，所以我们可以将固定的代码制作成模板，方便我们快速生成。接下来将以vscode这个开发工具教大家如何配置我们自定义的代码段。

配置方法：

1. 点击左下角的设置

2.点击配置代码段

3.这里点击全局配置

4.粘贴如下代码

{
	"Print to console": {
		"scope": "html", //作用范围
		"prefix": "vue", //快捷名称
		"body": [
			"<div id='app'>\n",
			"</div>",
			"<script src='../js/vue.js'></script>",
			"<script>",
			"//引入vue实例对象",
			"const vm = new Vue({",
			"el: '#app',",
			"data: {",
			" msg: 'hello vue'",
			"}",
			"})",
			"</script>"
		],
		"description": "Log output to console"
	}
}

5.点击保存退出即可

下次再次输入时，输入vue即可自定弹出代码补全