VS Code的HTML代码模板

1 文件/首选项/用户片段，在搜索框中搜索html.json，打开此文件

2 在文件中写入如下代码：

"Print to index": {"prefix": "html", //模板的快捷键"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<title>Document</title>","\t\t<link rel=\"stylesheet\" type=\"text/css\" href=\"\" />","\t</head>","\t<style type=\"text/css\">","\t\t","\t</style>","\t<body>","\t\t$0","\t</body>","\t<script src=\"\" type=\"text/javascript\" charset=\"utf-8\"></script>","\t<script type=\"text/javascript\" charset=\"utf-8\">","\t\t","\t</script>","</html>"],"description": "HT-H5" //模板的描述 }

VS Code的HTML代码模板相关推荐

code blocks 代码颜色_vuepress中实现代码折叠、高亮
最近在vuepress中撰写UI框架文档时发现在组件中插入演示代码没高亮,虽然在文档markdown中写代码有高亮但就无法实现折叠了,而且vuepress没有提供折叠代码的配置,因此实现一个折叠组件外 ...
Delphi Code Editor 之几个特性
Delphi Code Editor有几个特性在编写大规模代码时非常有用.下面分别进行介绍: 1.Code Templates(代码模板) 使用代码模板可把任意预定义代码(或正文)插入到单元文件中.当 ...
000python路--pycharm使用
pycharm使用修改字体大小作者日期 file and code templates 文件代码模板 #@author:${USER} #@file: ${NAME}.py #@time: ${Y ...
WIFI遥控小车 —— 基于ESP8266_01
电路如上图实物图如下 (电压表用来监视12V输入电压效果: WIFI 遥控基于ESP8266 注意: 连着ESP8266_01的时候可能无法从电脑向arduino上载程序,此时可以拔掉ardui ...
自定义Xcode代码模板：Code Snippet
Xcode强大的代码提示功能是有目共睹的,用过都知道,可是你是否想过添加一些自定义的代码提示模板?你是否想让if默认的左括号挪到下一行?还有for.while.switch等等--如果你有这方面的需求 ...
打造VS Code(支持Markdown/UML/脑图/代码模板)
文章目录 Markdown 脑图 UML MD 中插入 UML 代码模板 mermaid 语法小结 Visual Studio Code是一个文本编辑器,除了写代码和编辑普通文本外,借助插件还可以实 ...
【转载】如何创建代码模板(Code Template)
1, 代码模板介绍在abap开发的过程中,很多代码或注释在不同的程序中需要反复使用,比如,report程序头的注释,程序修改历史日志注释,另外还有一些常用abap语句.这时如果使用代码模板功能,会大 ...
Go 学习笔记（1）— Ubuntu 系统 Go 环境搭建、VS Code 配置 Go 开发环境、VS Code 远程开发配置
1. 安装说明 Ubuntu 下直接安装 Go 1.11 版本编译器时需要依赖 Go 1.4 版本.所以如果在使用 apt-get install go安装时参考以下链接安装:https://blog ...
pycharm代码模板设置
pycharm代码模板设置前言实现效果设置步骤前言在编写代码的过程中,运用模板可以减少很多重复操作,大大减少工作量. 例如,我想将下文的函数简化为只要输入[qt]两个单词,系统就会自动弹出该 ...

VS Code的HTML代码模板

VS Code的HTML代码模板相关推荐

最新文章

热门文章