Visual Studio Code中设置HTML/HTML5模板

找到左下角的设置 >> 用户代码片段

或者左上角文件 >> 首选项 >> 用户代码

在出现的搜索框中输入：html.json

模板设置如下：

{// 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" //模板的描述 }
}

确认即可。

其中的快捷键可以自定义，我设置的是 !
然后在html文件中键入 ! ，就会出现提示，回车就会生成模板了。

Visual Studio Code中设置HTML/HTML5模板相关推荐

vscode 注释多行代码_如何在Visual Studio Code中注释多行？
我找不到在Visual Studio Code中注释和取消注释多行代码的方法. 是否可以使用某些快捷方式在Visual Studio Code中注释和取消注释多行? 如果是,该怎么办? 当其中一行已被 ...
在 Visual Studio Code 中添加自定义的代码片段
无论是那个编辑器,如果能够添加一些自定义代码片段,能够大大提升代码的输入效率. 本文介绍如何在 Visual Studio Code 中添加自定义代码片段. 本文内容 Visual Studio Co ...
Visual Studio Code中文文档（一）-快速入门
Visual Studio Code是一个轻量级但是十分强大的源代码编辑器,重要的是它在Windows, OS X 和Linux操作系统的桌面上均可运行.Visual Studio Code内置了对J ...
在Visual Studio Code中查找并替换为换行符
本文翻译自:Find and replace with a newline in Visual Studio Code I am trying out the new Microsoft Visual ...
Visual Studio Code 中部分代码变黑白色(前端vue-element-admin项目测试有效)
@[TOC](Visual Studio Code 中部分代码变黑白色(前端vue-element-admin项目测试有效)) 代码变黑白色使用vue-element-admin 后台模板在Visu ...
在现有的Visual Studio 2017中设置和测试Python环境
目录介绍背景设置Python环境结论介绍根据Stack Overflow开发者调查,在2018年,Python成为最受欢迎的语言列表.Python是用于机器学习.Web开发和数据科学的跨平 ...
在Visual Studio Code 中配置Python 中文乱码问题
在Visual Studio Code 中配置Python 中文乱码问题方法一:直接代码修改字符集添加前四行代码 import io import sys #改变标准输出的默认编码 sys.std ...
在 Visual Studio 20xx 中设置 AVX、AVX2、AVX512、IA32、SSE 或 SSE2
在 Visual Studio 20xx 中设置 AVX.AVX2.AVX512.IA32.SSE 或 SSE2 在 Visual Studio 中设置 AVX.AVX2.AVX512.IA32.SS ...
在 Visual Studio Code 中使用 Vue
Vue.js是一个流行的 JavaScript 库,用于构建 Web 应用程序用户界面,Visual Studio Code 内置了对HTML.CSS和JavaScript的 Vue.js 构建块的支 ...
在 Visual Studio Code 中体验 Java Web 开发
上一篇博文介绍了如何将 Visual Studio Code 作为 Java 的开发环境.我们知道,Java Web 开发是 Java 开发的主战场,那么在 VS Code 中开发 Java Web ...

Visual Studio Code中设置HTML/HTML5模板

Visual Studio Code中设置HTML/HTML5模板相关推荐

最新文章

热门文章