vscode，自动补全代码，自动以代码段

最新推荐文章于 2024-08-22 09:25:25 发布

杨扬树

最新推荐文章于 2024-08-22 09:25:25 发布

阅读量5.6k

点赞数 1

文章标签： vscode ide 编辑器

本文链接：https://blog.csdn.net/qq_23135259/article/details/130600688

版权

教程介绍了如何在VSCode中设置自定义Vue代码片段，通过输入vue然后回车，可以自动插入模板结构，包括<template>、<scriptsetup>和<stylescopedlang=less>等部分，提升开发效率。

摘要由CSDN通过智能技术生成

实现效果，输入vue，回车，会自动出现自定的代码段

打开vscode,点击文件——首选项——配置用户代码片段

2、输入vue，点击vue.json

3、配置vue，出现的代码段，配置完成。

{
	
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			" <div></div>\n",
			"</template>\n",
			"<script setup>",
			"</script>\n",
			"<style scoped lang=\"less\">\n",
			"</style>",
			"$2"
		],
		"description": "Log output to console"
	}
}