vscode中设置HTML模板

1、左下角的设置 >> 用户代码片段

搜索如下：

重新设置模板如下

{// Place your snippets for html 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 index": {"prefix": "!", //模板的快捷键"body": ["<!DOCTYPE html>","<html lang=\"en\">","\t<head>","\t\t<meta charset=\"UTF-8\">","\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0\">","\t\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">","\t\t<title>Document</title>","\t\t<link rel=\"stylesheet\" type=\"text/css\" href=\"\" />","\t</head>","\t<style type=\"text/css\"></style>","\t<body>\n\t\t","\t</body>","\t<script src=\"\" type=\"text/javascript\" charset=\"UTF-8\"></script>","</html>"],"description": "HT-H5" //模板的描述 }
}

点击确认保存即可

vscode中设置HTML模板相关推荐

IDEA中设置注释模板的方法
IDEA中设置注释模板的方法 https://www.cnblogs.com/pcheng/p/10121683.html https://blog.csdn.net/zlbdmm/article/d ...
IDEA中设置注释模板
IDEA中设置注释模板主要分为两个部分,分别是创建java文件时类的注释和方法的注释. 这里为大家详细介绍一下方法,大家可以根据自己的习惯生成自己喜欢的注释模板.效果如下: 一.设置类的注释模板 1. ...
vscode中设置字体大小_vscode配置使用教程
vscode设置成中文 vscode默认的语言是英文,对于英文不好的小伙伴可能不太友好.简单几步教大家如何将vscode设置成中文. 按快捷键"Ctrl+Shift+P". 在&q ...
vscode php断点,VSCode中设置断点调试PHP(示例代码)
所需文件 xampp 集成服务器(本文使用Apache2.4+MySQL+PHP7.4.3) vscode Xdebug php-debug 插件配置Xdebug 1. 下载Xdebug插件 (直接 ...
VSCode中设置大小写转换的快捷键
intro 转换大小写是文本编辑中一个很常用的操作. 而VSCode中默认是没有绑定该功能的快捷键的,需要自己绑定. 两种方法:UI操作和配置修改,以下为UI操作. UI操作打开快捷键映射(两种方法 ...
vscode中设置css样式里让逗号不换行
vscode中css样式里给多种属性同时设置样式时应该是这样的, 但是我格式化后却变成了这个样子,看着很不舒服,搜索了其他一堆在setting.json中配置的方法,结果都不管用,最后发现可能是Bea ...
vscode中设置用cnpm安装包
安装node 首先去node.js官网安装node. 查看node版本与安装路径查看node版本(node -v),确保安装查看node安装路径:where node 管理全局(-g)安装的包在 ...
如何在KeyShot中设置材质模板？
在 KeyShot 中,有一个强大的功能就是材质模板,它能够自动化应用到模型上的材质,在使用材质模板时,任何人都可以通过它节省操作时间,使其自动应用材质到场景里的部件.当你将材质模板创建好后,便可以将 ...
vscode中!无法生成模板解决方案
情况如下: 已切换成英文输入法,但是无法输出模板解决方案: 1.设置成快捷键 tab+! 设置中输入emmet: 保存设置即可成功在文档中输入!,并按下tab键即可输出模板 2.直接在文档中输入: ...

vscode中设置HTML模板

vscode中设置HTML模板相关推荐

最新文章

热门文章