配置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 就可以快速输出上面代码。

巴特西

配置vscode快速输出模板

最新文章

热门文章