vscore 快速自动生成vue文件模板



1.先找到 用户片段

在这里插入图片描述



2.选择vue

即 第一个:

在这里插入图片描述


3.把如下内容粘贴进去

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

4.使用

新建vue文件,在里面输入 vue 后,敲回车即可自动生成




参考文献

https://www.jianshu.com/p/78fef02dc7a4

猜你喜欢

转载自blog.csdn.net/zhaozhao236/article/details/110427447