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

  介绍

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

1,找到vscode安装目录

按照下面步骤,找到扩大文件夹,找到expand-full。js文件

D: \ vscode \ anzhuang \微软VS代码\ \ app \资源扩展\蚂蚁\ node_modules \ vscode-emmet-helper \ \扩建

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

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

“! ! !“:,“{& lt; ! DOCTYPE  html>},,

找到下面代码块:

“cmd":,“command"      “国际扶轮:d |国际扶轮:dpr":,“img: s"   “国际扶轮:v |国际扶轮:viewport":,“img: z"   “国际扶轮:|国际扶轮:art":,“pic> src: m + img"   “国际扶轮:t |国际扶轮:type":,“pic> src: t + img"      “! ! !“:“{& lt; ! DOCTYPE  html>},,//,“doc":,“html (lang=${朗})祝辞(head>元(charset=${字符集})+元:vp +元:边缘+标题{${1:文档}})+ body",   “doc":“html> (head>元(charset=${字符集}]+标题{${1:文档}})+ body",   “! | html: 5“,“! ! ! + doc"      “c":,“{& lt; !——, ${0},——祝辞}“,   “cc: ie":,“{& lt; !——(if  IE)在$ {0}& lt; ! [endif]——祝辞}“,   “cc: noie":,“{& lt; !——(if  ! IE)祝辞& lt; !——在$ {0}& lt; !——& lt; ! [endif]——祝辞}“;   };

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

然后输入下面代码:

“doc":,“html> (head>元(charset=${字符集}]+标题{${1:文档}})+ body",

3,保存重启软件即可。

新建html文件,输入! + tab即可出现默认html格式:

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

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

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