怎么修改vscode中html的默认样式

这篇文章给大家分享的是有关怎么修改vscode中html的默认样式的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

1、找到vsCode安装目录

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

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

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

"!!!": "{}",

找到下面代码块：

"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","!!!": "{}",// "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": "{}","cc:ie": "{}","cc:noie": "{${0}}"};

然后输入下面代码：

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

3、保存重启软件即可。

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

感谢各位的阅读！关于怎么修改vscode中html的默认样式就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！