首页 > 其他 > 详细

Visual Studio Code 自定义快捷键,自动生成.vue文件

时间:2020-09-27 08:32:21      阅读:45      评论:0      收藏:0      [点我收藏+]

Visual Studio Code 自定义快捷键,自动生成.vue文件

1. File -> Perferences -> User Snippets -> 键入"vue" -> 打开第一个选项

###  vue.json
{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<!--",
			"/**",
			" * @name ‘${TM_FILENAME_BASE}‘",
			" * @desc ‘$2‘",
			" * @author ‘‘",
			" * @time $CURRENT_YEAR年$CURRENT_MONTH月$CURRENT_DATE日 $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND $CURRENT_DAY_NAME",
			" */",
			"-->",
			"<template>",
			"  <div></div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  name: ‘${TM_FILENAME_BASE}‘,",
			"  components: {},",
			"  data () {",
			"    return {",
			"    }",
			"  },",
			"  props: {},",
			"  computed: {},",
			"  methods: {},",
			"  watch: {},",
			"  created () {},",
			"  mounted () {},",
			"  destroyed () {}",
			"}",
			"",
			"</script>",
			"<style lang=‘scss‘ scoped>",
			"</style>",
			""
		],
		"description": "Log output to console"
	}
}

Visual Studio Code 自定义快捷键,自动生成.vue文件

原文:https://www.cnblogs.com/fanruili/p/13737568.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!