vscde如何添加代码片段

1.打开vscode-->设置-->用户代码片段
image
2.选择html.json
复制代码到网站https://snippet-generator.app/ 在该网站中生成代码片段
image
此处生成的html代码片段

生成vue片段:

"Print to console": {
		"prefix": "vbase",
		"body": [
			"<template>",
			"  <div>\n",
			"  </div>",
			"</template>\n",
			"<script>",
			"export default {",
			"  data () {",
			"    return {\n",
			"    }",
			"  },",
			"  methods: {\n",
			"  },",
			"  components: {\n",
			"  }",
			"}",
			"</script>\n",
			"<style scoped>\n",
			"</style>",
			"$2"
		],
		"description": "创建一个自定义的vue组件代码块"
	}

上面的Print to console名字可以随便取

posted @ 2022-04-03 16:53  Kira的学习笔记  阅读(240)  评论(0)    收藏  举报