如何修改vscode中html的默认样式

互联网 20-4-5

1、找到vsCode安装目录

按照下面步骤，找到expand文件夹，找到expand-full.js文件

D:\vscode\anzhuang\Microsoft VS Code\resources\app\extensions\emmet\node_modules\vscode-emmet-helper\out\expand

（html学习教程推荐：html入门教程）

2、打开用ctrl+f 查找下面代码

"!!!": "{<!DOCTYPE html>}",

找到下面代码块：

"cmd": "command",  "ri:d|ri:dpr": "img:s", "ri:v|ri:viewport": "img:z", "ri:a|ri:art": "pic>src:m+img", "ri:t|ri:type": "pic>src:t+img",  "!!!": "{<!DOCTYPE html>}", // "doc": "html[lang=${lang}]>(head>meta[charset=${charset}]+meta:vp+meta:edge+title{${1:Document}})+body", "doc": "html>(head>meta[charset=${charset}]+title{${1:Document}})+body", "!|html:5": "!!!+doc",  "c": "{<!-- ${0} -->}", "cc:ie": "{<!--[if IE]>${0}<![endif]-->}", "cc:noie": "{<!--[if !IE]><!-->${0}<!--<![endif]-->}" };

然后输入下面代码：

"doc": "html>(head>meta[charset=${charset}]+title{${1:Document}})+body",

3、保存重启软件即可。

新建html文件，输入！+tab 即可出现默认html格式：

推荐教程：vscode教程

以上就是如何修改vscode中html的默认样式的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签：默认样式

如何修改vscode中html的默认样式

相关资讯

标签推荐