使用VScode自定义快捷代码片段

最新推荐文章于 2025-06-16 10:42:31 发布

原创最新推荐文章于 2025-06-16 10:42:31 发布 · 714 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#VScode #自定义代码段

HTML 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何在VScode中自定义快捷键代码片段，通过文件->首选项->用户代码片段，选择html.json，编辑并设置快捷键，如在.html文件中，输入vh后按tab键可快速插入代码段。

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

如何使用VS code自定义快捷键代码段

第一步，运行VS code，文件=>首选项=>用户代码片段
第二步，选择html.json
第三步，编辑自定义代码段，并设置快捷键+Tab


	{    "vh": {
		"prefix": "vh",      // 触发的关键字 输入vh按下tab键               
		"body": [            
		"<!DOCTYPE html>",            
		"<html lang="en">",
		"",            
	        "<head>",
	     	"<meta charset=" UTF-8">",            
	        "<script src="./lib/vue.js"></script>",
                "<title>Document</title>",            
	       	"</head>",            
	       	"",            
	        "<body>",           
	        "	<div id=\"app\"></div>",            
	        "	<script>",            
	        	"var vm=new Vue({",            
	        "		el:'#app',",            
	        "		data:{},",            
	        "		methods:{}",            
	        "	});",            
	        " </script>",            
	        "</body>",            
	        "", 
		"</html>",        
	        ],        
	        "description": "vh components",    }

在这里插入图片描述 第四步进入 .html 后缀的文件中按快捷键 vh 后按 tab 键即可实现快速输入代码段