VsCode 用户代码配置 （Vue3 与 react 配置同理）

jsx配置

	"Print to console": {
		"prefix": "vjs", // 快捷方式
                // $TM_FILENAME_BASE 自动获取当前文件名称
		"body": [
			"import { ref,reactive } from 'vue'",
			"const $TM_FILENAME_BASE = () => {",
			"return (",
			"<div>",
			"",
			"</div>",
			")",
			"}",
			"export default $TM_FILENAME_BASE"
		],
		"description": "Vue3 的jsx 配置"
	}

vue配置

"Print to console": {
	"prefix": "vue3",
	"body": [
		"<template>",
		"",
		" <div></div>",
		"",
		"</template>",
		"",
		"<script setup>",
		"import {ref,reactive} from 'vue'",
		"",
		"</script>",
		"",
		"<style scoped>",
		"",
		"</style>"
	],
	"description": "Log output to console"
}

演示

视频