解决VScode输入英文感叹号+tab键无法自动生成HTML模板

摸鱼鱼鲸鱼

已于 2022-07-16 23:51:13 修改

阅读量2.1k

点赞数 1

文章标签： html5

于 2022-07-09 17:47:11 首次发布

本文链接：https://blog.csdn.net/m0_57721488/article/details/125696582

版权

vscode新版本关闭了按tab键展开快捷键的配置，

启用方法为，左下角打开设置》点击设置（ctrl+，）》搜索Trigger Expansion On Tab，将其启用.

注:启用后输入 ! 无提示,按tab可正常使用代码段,

第一步，找到右下角设置（或者直接Ctrl+，）

第二步，在搜索中输入Trigger Expansion On Tab，将其启用，即可使用！+tab键生成代码段

可以输入html:5获取代码段

自定义代码片段

文件 >首选项>配置用户片段>选择html.json

输入以下内容

"html:5" : {//代表输入的
		"prefix": "ww",//触发的关键字 输入ww按下tab键
		"body": [ //中括号内放入代码片段的主体
			"<!DOCTYPE html>",
			"<html lang=\"en\">",
			"<head>",
				"\t<meta charset=\"UTF-8\">",
				"\t<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
				"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
				"\t<title>Document</title>",
			"</head>",
			"<body>",

			"</body>",
			"</html>",
		],
		"description": "HTML5" ,//对代码片段的描述
	}

1，选择文件-->首选项-->配置用户片段

2，选择html.json

3，输入以下内容

效果，（我使用过英文！作为关键字但是不能触发）

摸鱼鱼鲸鱼

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
解决VScode输入英文感叹号+tab键无法自动生成HTML模板

文件>首选项>配置用户片段>选择html.json输入以下内容"html5"{//代表输入的"prefix""ww",//触发的关键字输入ww按下tab键"body"[//中括号内放入代码片段的主体"首选项-->配置用户片段2，选择html.json3，输入以下内容效果，（我使用过英文！作为关键字但是不能触发）httpshttpshttpshttpshttpshttpshttpshttps。...
复制链接

扫一扫