简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > 开发工具 > VSCode > 正文

vscode怎么预设html模板

王林
发布： 2019-11-09 15:20:26
原创
4896 人浏览过

vscode怎么预设html模板

1、打开：首选项 -- 用户代码片段

caf44129522d3bf1759411dfc627503.png

2、在弹出的窗口选择HTML或者HTML5都可以（也可以在搜索框输入快速查找）

37afb0bebc34571508b30835b24b9f3.png

3、把默认的那些注释删掉，输入下面的模板（示例，可按自己需要的格式来写）

{
	"html:5": {
		"prefix": "h",
		"body": [
			"<!DOCTYPE html>",
			"<html>",
			"<head>",
				"\t<meta charset=\"UTF-8\">",
				"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
				"\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
				"\t<title></title>",
			"</head>",
			"<body>",
				
			"</body>",
			"</html>",
		],
		"description": "HTML5"
	}
}
登录后复制

prefix属性的值，这里是”h“，当在页面输入h的时候，就会进行提示的了。

head那边的内容注意字符转义。

77dce19b8164072db024a835ee599e9.png

推荐教程：vscode教程

以上是vscode怎么预设html模板的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
html vscode 模板
来源：php.cn
上一篇：vscode配置php开发环境 下一篇：vscode打开乱码怎么办
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
页面突然无法拉动 css 或 bootstrap 所以我正在开发一个页面，我昨天做了一部分，效果很好，今天我继续做剩下的部分，一切都很好。当我尝试将其作为普通html页面打开时，CSS或BOOTSTRAP不起作用，仅显示页面文本，...
来自于 2024-04-06 21:58:04
0
1
800
数独检查器无法工作？谁能帮我识别错误？ 我尝试了在线编辑器上的所有方法，但仍然收到错误。但当我在我的机器上的VSCode上执行此操作时，它工作正常。我很困惑，在没有发现错误的情况下无法提交代码。我不知道该去哪里寻找了。我...
来自于 2024-04-06 21:21:07
0
1
474
我的网页在 HTML 中有标题，但不可见 所以我刚刚开始编码，所以不要评判我。我试图使用vscode创建我的网站，我使用html和css，但是我试图放在代码左上角的标题和按钮没有显示在浏览器上，我在网络上搜索并可以似乎不明...
来自于 2024-04-01 18:24:53
0
1
364
如何自定义 VSCode id 属性？ 我最近从Atom迁移到VSCode，虽然我设法根据自己的喜好自定义大部分编辑器，但我仍然缺少一些我喜欢的Atom功能。其中之一是Atom中的“id”属性曾经是一种特定的颜色，类似于...
来自于 2024-03-31 14:13:45
0
1
373
/bin/sh: 1: C:xamppphpphp.exe: 未找到 我正在使用WSL2、Ubuntu20.04并运行VSCode。我在Windows上的VSCode和XAMPP中使用CodeRunner扩展我在Windows环境变量中设置了php....
来自于 2024-03-31 09:10:37
0
1
333
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！