更改 html 骨架的默认设置或格式？
Posted
技术标签:
【中文标题】更改 html 骨架的默认设置或格式？【英文标题】：changing the default settings or formatting of the html skeleton? 【发布时间】：2022-01-24 04:42:51 【问题描述】：我对这些东西很陌生，我试图在 html 框架上改进我自己。所以当我在 vscode 上调用 html 骨架时，你知道的就是这样。
<!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>
</head>
<body>
</body>
</html>
但我想像这样更改默认的 html 骨架内容；
<!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>
<style>
bodybackground-color: black;
</style>
</head>
<body>
</body>
</html>
有人可以帮我解决这个问题吗？
【问题讨论】：
我相信这可能与帖子How to edit existing VS Code Snippets 重复。如果不是，请澄清该帖子中的哪些内容未能在此处解决您的问题。 【参考方案1】：您可以使用 vscode 制作自己的自定义 sn-p。
与您的情况一样，您可以使用以下步骤创建一个： 打开你vscode左下角的齿轮图标。 选择用户sn-p 输入html添加您的自定义 html 骨架
您现在可以添加此代码以获得您的自定义骨架：
"boilerplate":
"prefix": "log",
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>",
" <style>",
" bodybackground-color: black;",
" </style>",
"</head>",
"<body>",
" ",
"</body>",
"</html>",
],
"description": ""
],
"description": "Log output to console"
前缀我没改，但是可以通过"prefix": ""改
使用自定义 sn-p
要使用自定义的sn-p，只需在html文件中输入前缀即可得到结果！
如果您想添加自己的自定义代码，并且在将其转换为 sn-p 时遇到问题，这里有一个网站可以帮助您： snippet generator
此视频可以帮助您了解更多知识： YouTube video
【讨论】：
成功了！非常感谢:)以上是关于更改 html 骨架的默认设置或格式？的主要内容，如果未能解决你的问题，请参考以下文章
webstorm 默认代码格式化更改，webstorm设置prettier规则