Home > Article > Development Tools > How to preset html template in vscode
How to preset html template in vscode
- 王林Original
- 2019-11-09 15:20:264919browse
1. Open: Preferences - User Code Snippet
2. Select HTML or HTML5 in the pop-up window. (You can also enter a quick search in the search box)
3. Delete the default comments and enter the following template (example, you can write it in the format you need )
{
"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"
}
}The value of the prefix attribute, here is "h", when you enter h on the page, you will be prompted.
Pay attention to character escaping for the content on the head side.
Recommended tutorial: vscode tutorial
The above is the detailed content of How to preset html template in vscode. For more information, please follow other related articles on the PHP Chinese website!
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：vscode configure php development environmentNext article：vscode configure php development environment