vscode自定义vue代码段 (自定义注释片段带动态时间)

 效果如下：

<template>
  <div class="wrapper"></div>
</template>

<script>
/*
 *@Author: 作者名
 *@Date: 2021-06-18 16:23:05
 *@Description: 模块描述
*/
export default {
  name: '',
  data () {
    return {

    }
  },
  created () {},
  mounted () {},
  methods: {},
}
</script>

<style lang="scss">

</style>

配置如下： 

{
	"Print to vue temaplate": {
		"prefix": "vue-n",
		"body": [
			"<template>",
			"  <div class=\"wrapper\"></div>",
			"</template>",
			"",
			"<script>",
			"/*",
			" *@Author: 作者名",
			" *@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
			" *@Description: 模块描述",
			"*/",
			"export default {",
			"  name: '$0',",
			"  data () {",
			"    return {",
			"",
			"    }",
			"  },",
			"  created () {},",
			"  mounted () {},",
			"  methods: {},",
			"}",
			"</script>",
			"",
			"<style lang=\"scss\">",
			"",
			"</style>\r"
		],
		"description": "快速生成vue模板"
	}
}