欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

VS Code 如何快速生成vue模板

程序员文章站 2022-07-05 20:40:15
...

1.首先建议大家安装两个插件Vetur和Prettier
VS Code 如何快速生成vue模板
2.然后选择文件-首选项-用户代码片段

VS Code 如何快速生成vue模板
然后会弹出搜索框,输入vue找到vue.json并回车,即可进入vue.json,在文件中添加模板代码段类似如下:

"Vue component": {
		"prefix": "vue",//建完之后输入vue即可使用模板
		"body": [
			"<template>",
			"\t$1",
			"</template>",
			"\n",
			"<script>",
			"export default {",
			"\t",
			"}",
			"</script>",
			"\n",
			"<style>",
			"\t$1",
			"</style>",
			""
		]
	}

保存,重启VS Code后,输入vue,即可使用模板
VS Code 如何快速生成vue模板