在vscode中没有像hubilder一样,创建vue文件后就自动生成vue模板。
在这里插入图片描述但是我们可以自己创建vue.json文件自定义配置。
记录一下我自己配置的过程🤭

1.打开vscode,在菜单栏中选择 文件 / 首选项 / 用户代码片段
这时就会打开搜索栏
在这里插入图片描述
2.新建全局代码片段 / 输入vue.json
在这里插入图片描述
3.手动配置vue.json文件
将下面的代码,复制到创建的vue.json文件中,保存,然后就🆗了

在使用的时候,创建vue文件,然后输入vue,按tab键,或者回车键,就可以创建一个自定义模板的vue文件辣

{
	// 打印输出
	"Print to console": {
		// 前缀  也就是用户输入的快捷键内容
		"prefix": "vue",
		// 输出内容
		"body": [
			"<!-- $0 -->",
			"<template>",
			"  <div>",
			"",
			"  </div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  data () {",
			"    return {",
			"    }",
			"  }",
			"}",
			"</script>",
			"",
			"<style  scoped>",
			"",
			"</style>",
			""
		],
		// 描述
		"description": "Log output to console"
	}
}

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐