首页 > 技术文章 > 在vscode中快速生成vue模板

it774274680 2021-10-30 15:54 原文

步骤:
点击文件-->首选项-->用户代码片段-->输入vue,此时会打开vue.json文件,将下列代码复制进文件保存即可,新建一个vue文件,输入vue回车即可生成模板,$0表示生成模板后,光标所在位置。

代码:

{
  "Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"  <div>$0</div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  name:\" \",",
			"  data() {",
			"    return {",
			"    }",
			"  },",
			"};",
			"</script>",
			"<style scoped>",
			"",
			"</style>"
		],
		"description": "A vue file template"
	}
}

使用:
创建.vue文件,然后输入vue,按tab键自动补充模板内容

效果图:

推荐阅读