【VSCode】设置一键生成vue模板的快捷入口

最新推荐文章于 2024-07-18 15:27:07 发布

只会CV只会CV只会CV

最新推荐文章于 2024-07-18 15:27:07 发布

阅读量940

点赞数 11

文章标签： vscode vue.js ide

本文链接：https://blog.csdn.net/qq_39921135/article/details/136178579

版权

问题

每次写一个组件的时候，都需要去手敲默认结构或者是复制粘贴，十分的麻烦！

解决办法

文件 => 首选项 => 用户代码片段 => vue.json

配置vue模板

其中prefix是用来触发代码段的内容，即模版的快捷入口；body里配置的就是模板内容，我这里使用的是vue3的模板；description是描述，添加之后它会在控制台输出，可省略不写。

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<script setup>",
			"",
			"</script>",
			"",
			"<template>",
			"  <div></div>",
			"</template>",
			"",
			"<style lang='scss' scoped>",
			"",
			"</style>",
			""
		],
		"description": "Log output to console"
	}
}