配置vscode快速输出模板

1、文件 ----> 首选项 -----> 用户片段:要配置什么文件的就搜什么文件的。

2、以HTML文件举例:

打开html.json:

输入以下代码:

	"Print to console": {
		"prefix": "vuet",     // 命令
		"body":[
			"<div id='app'></div>",
			"  <p></p>",        // 如果要缩进的话双引号前面空格,不能用tab键空格,只能用空格键空格
			"</div>",
			"",                    // 空一行
			"<script src='https://unpkg.com/vue@next'></script>",
			"<script>",
			"  const app1 = Vue.createApp({", 
			"     data() {",
			"       return {}",
			"     }",
			"  }).mount('#app');",
			"</script>"
		]
	}

  

在html文件里面输入 vuet  就可以快速输出上面代码。

 

posted @ 2021-06-22 16:57  Y字仇杀队  阅读(207)  评论(0编辑  收藏  举报