vscode配置快捷快速填充代码

最新推荐文章于 2025-03-20 10:37:39 发布

小板凳丶丶

最新推荐文章于 2025-03-20 10:37:39 发布

阅读量2.1k

点赞数 1

文章标签： vscode vue.js

本文链接：https://blog.csdn.net/weixin_43392536/article/details/131627899

版权

文章介绍了如何在VSCode中创建自定义配置文件，设置快捷键，用于快速填充HTML和Vue基础结构的代码片段。步骤包括填写配置文件名，清除内容并粘贴示例代码，修改快捷键和代码内容，保存后在新建文件中使用该快捷键能实现代码快速生成。

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

1、第一步，参照图片

2、第二步

3、第三步，在输入框内填写自定义配置文件名称，我这里填写的“test”

4、第四步，清除文件中所有内容，复制下段demo代码粘贴

{
	"html-js-vue-demo": {
		"scope": "html",
		"prefix":"xx",
		"body": [
			"<!DOCTYPE html>",
			"<html lang=\"en\">",
			"<head>",
			"<meta charset=\"UTF-8\">",		
			"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
			"<title>Document</title>",
			"<script src=\"./lib/vue2.0.js\"></script>",
			"</head>",
			"<body>",
			"<div id=\"app\">",
			"</div>",
			"</body>",
			"<script>",
			"var vm = new Vue(",
			"{",
			"el:'#app',",
			"data:{",
			"}",			
			"}",
			")",
			"</script>",
			"</html> ,"
		],
		"description": "html and vue model"
	}
}