vscode代码片段 vue3

最新推荐文章于 2024-05-13 13:07:33 发布

小帅又可爱的阿东

最新推荐文章于 2024-05-13 13:07:33 发布

阅读量308

点赞数

文章标签： vscode vue.js 前端

本文链接：https://blog.csdn.net/qq_39171012/article/details/134640455

版权

{
	"Print to console": {
	  "prefix": "vue3",
	  "body": [  
		"<template>",
		"  <div class=\"class${TM_FILENAME_BASE/([A-Z])/-${1:/downcase}/g}\"></div>",
		"</template>\n",
		"<script>",
		"",
		"export default {",
		"  name: '${TM_FILENAME_BASE}' ,",
		"  components: {},",
		"  props:['modelValue'],",
		"  emits:['update:modelValue'],",
		"  data() {",
		"    return {",
		"",
		"    }",
		"  },",
		"  setup() {},",
		"  computed: {},",
		"  watch: {},",
		"  beforeCreated() {",
		"",
		"  },",
		"  created() {",
		"",
		"  },",
		"  beforeMount() {",
		"",
		"  },",
		"  mounted() {",
		"",
		"  },",
		"  beforeUnmount() {",
		"",
		"  }, ",
		"  unmount() {",
		"",
		"  }, ",
		"  beforeUpdate() {",
		"",
		"  }, ",
		"  updated() {",
		"",
		"  }, ",
		"  deactivated() {",
		"",
		"  },",
		"  activated() {",
		"",
		"  },",
		"  methods: {",
		"",
		"  }",
		"}",
		"</script>",

		"<script setup>",
		"import {} from \"vue\"",
		"</script>\n",
		"<style lang=\"scss\" scoped>",
		".class${TM_FILENAME_BASE/([A-Z])/-${1:/downcase}/g}{}",
		"</style>",
		"$2"
	  ],
	  "description": "Log output to console"
	}
  }