vscode创建用户代码片段

最新推荐文章于 2024-11-20 16:29:31 发布

LILEILEILOVE

最新推荐文章于 2024-11-20 16:29:31 发布

阅读量234

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： js

本文链接：https://blog.youkuaiyun.com/LILEILEILOVE/article/details/109039080

JS 专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何在VSCode中配置Vue代码片段，通过设置文件首选项中的用户代码片段，可以快速创建Vue模板结构，提高开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文件 -------- 首选项--------用户代码片段
搜索 vue.json

{
	// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	// "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"create": {
		"prefix": "vv",
		"body": [
		  "<template>\n<div>\n</div>\n</template>\n\n<script>\nexport default {\n};\n</script>\n\n<style scoped lang=\"scss\">\n\n</style>"
		],
		"description": "生成template"
	  }

create 片段命名，随便写
prefix 片段的缩写
body 片段内容
description 描述片段，可以写汉字