vsCode添加代码片段

最新推荐文章于 2024-05-30 22:19:16 发布

m0_68937827

最新推荐文章于 2024-05-30 22:19:16 发布

阅读量184

点赞数 2

文章标签： vscode 编辑器

本文链接：https://blog.csdn.net/m0_68937827/article/details/138966828

版权

1、点击左下角中的设置–》》用户代码片段
在这里插入图片描述
2、点击“新建全局代码片段文件”

{
	"vue2 template": {
		"prefix": "vue2", // 快捷键名字
		"body": [ //  代码片段实际内容
			"<template>",
			"  <div>",
			"",
			"  </div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  data() {",
			"    return {",
			"",
			"    }",
			"  },",
			"",
			"}",
			"</script>",
			"",
			"<style lang='scss' scoped>",
			"",
			"</style>",
			""
		],
		"description": "vue2 template" // 代码描述
	},
}