[前端小姿势]Vscode中自动补全vue的初始代码?

208 阅读1分钟

效果

输入"vue"后按下Enter键,自动生成初始代码

image.png

image.png

配置方法

点击左上角"文件">"首选项">"配置用户代码片段">输入框输入"vue.json"后按下回车键,此时自动创建并打开配置文件"vue.json.code-snippets"

最后将如下代码段加入到{}中即可

	"Print to console": {
		"prefix": "vue",
		"body": [
			"<!-- $0 -->",
			"<template>",
			"  <div></div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  data () {",
			"    return {",
			"    }",
			"  },",
			"}",
			"</script>",
			"",
			"<style lang='less' scoped>",
			"",
			"</style>",
			""
		],
		"description": "Log output to console"
	}

image.png

点个关注呀

download.jpg