1、打开设置
第二步选择新建全局文件
第三步输入框内输入html选择html.json
第四步复制到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:
"html": {
"prefix": "!",
"body": [
"<!DOCTYPE html>",
"<html lang=\"en\">",
"<head>",
"<meta charset=\"UTF-8\" />",
"<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />",
"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />",
"<title>Document</title>",
"<link rel=\"stylesheet\" href=\"\" />",
"<script src=\"\"></script>",
"<script src=\"https://cdn.staticfile.org/vue/2.7.0/vue.min.js\"></script>",
"<script src=\"https://cdn.staticfile.org/react/16.4.0/umd/react.development.js\"></script>",
"<script src=\"https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js\"></script>",
"<script src=\"https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js\"></script>",
"</head>",
"<style>",
"* {",
"margin: 0;",
"padding: 0;",
"box-sizing: border-box;",
"}",
"#box {",
"width: 500px;",
"height: 500px;",
"font-size: 1rem;",
"background-color: red;",
"position: absolute;",
"top: 50%;",
"left: 50%;",
"transform: translate(-50%, -50%);",
"}",
"</style>",
"<body>",
"<div id=\"box\">",
"</div>",
"</body>",
"<script src=\"https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.js\"></script>",
"<script></script>",
"</html>"
],
"description": "Log output to console"
}
}
扫一扫
345
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
