vscode常用插件以及自用格式化模板

// {
// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and 
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
// same ids are connected.
// Example:
// "Print to console": {
// 	"prefix": "log",
// 	"body": [
// 		"console.log('$1');",
// 		"$2"
// 	],
// 	"description": "Log output to console"
// }
// }
{
	"Print to console": {
		"prefix": "vue3",
		"body": [
			"<!--   -->",
			"<template>",
			"<div class=''></div>",
			"</template>",
			"<script>",
			"import { reactive, shallowReactive, watch, ref, onBeforeMount, onMounted ,nextTick,defineProps,defineEmits} from 'vue'",
			"import { useRoute,useRouter } from 'vue-router';",
			"export default {",
			"name: '',",
			"components: {",
			"}",
			"}",
			"</script>",
			"<script setup>",
			"const route = useRoute();",
			"const router = useRouter();",
			"const props = defineProps({",
			"Data: {",
			" type: Array,",
			"default() { return [] }",
			"}",
			"})",
			"const emits = defineEmits([''])",
			"</script>",
			"<style scoped lang='less'></style>",
		],
		"description": "Log output to console"
	}
}
// {
// 	"Print to console": {
// 		"prefix": "vue2",
// 		"body": [
// 			"<!--   -->",
// 			"<template>",
// 			"<div class=''></div>",
// 			"</template>\n",
// 			"<script>",
// 			"export default {",
// 			" props: {\n",
// 			" },",
// 			"name: '',",
// 			" components: {\n",
// 			" },",
// 			" data() {",
// 			"  return {\n",
// 			"  };",
// 			" },",
// 			" computed: {\n",
// 			" },",
// 			" watch: {\n",
// 			" },",
// 			" created() {\n",
// 			" },",
// 			" mounted() {\n",
// 			" },",
// 			" methods: {\n",
// 			" },",
// 			"};",
// 			"</script>\n",
// 				"<style scoped lang=\"${1:less}\">\n",
// 			"</style>\n",
// 			],
// 		"description": "Create vue template"
// 		}
// }

{
	"Print to console": {
		"prefix": "vue3",
		"body": [
			"<!--   -->",
			"<template>",
			"<div class=''></div>",
			"</template>",
			"<script setup lang='ts'>",
			"import { reactive, shallowReactive, watch, ref, onBeforeMount, onMounted ,nextTick,defineProps,defineEmits} from 'vue'",
			"import { useRoute,useRouter } from 'vue-router';",
			"import kaloneUtils from '@/utils/kaloneUtils';",
			"const route = useRoute();",
			"const router = useRouter();",
			"const props = defineProps({",
			"Data: {",
			" type: Array,",
			"default() { return [] }",
			"}",
			"})",
			"const emits = defineEmits([''])",
			"</script>",
			"<style scoped lang='less'></style>",
		],
		"description": "Log output to console"
	}
}