使用html5 模版時使用 ! + Tab 十分好用,美中不足需要每次重新修改lang,引入css、js。使用下面方法可以創建自己的模版
vscode - 左下角齒輪 - 【用戶代碼片段】,搜索“html.json”,在{}中輸入自己的模版
"Bootstrap":{
"prefix": "b", #快捷鍵 類似 !+Tab 中的 !
"body": [ #模版內容,每一行是一段字符串
"<!DOCTYPE html>",
"<html lang=\"zh-CN\">",
"\t<head>",
"\t\t<meta charset=\"utf-8\">", #引號用\轉譯
"\t\t<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
"\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
"\t\t<title>Document</title>",
"\t\t<link href=\"\" rel=\"stylesheet\">",
"\t\t<!-- [if lt IE 9] ->",
"\t\t<script src=\"https://cdn.jsdelivr.net/npm/[email protected]/dist/html5shiv.min.js\"></script>",
"\t\t<script src=\"https://cdn.jsdelivr.net/npm/[email protected]/dest/respond.min.js\"></script>",
"\t\t<!- [endif]-->",
"\t</head>",
"\t<body>",
"\t\t<script type=\"text/javascript\">",
"\t\t$1", #$1的位置是創建模版後光標的位置
"\t\t</script>",
"\t</body>",
"</html>",
],
"description": "By unXeer 2020-4-22" #描述信息
}
以上 希望對大家有幫助