vscore quickly and automatically generate vue file templates



1. Find the user snippet first

Insert picture description here



2. Choose vue

That is the first one:

Insert picture description here


3. Paste the following content in

{
	// 打印输出
	"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. Use

New vuefile, enter inside vueafter knocking on the transport can be generated automatically




references

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

Guess you like

Origin blog.csdn.net/zhaozhao236/article/details/110427447
Recommended