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

一、找到vscode安拆目次

依照上面步调,找到expand文件夹,找到expand-full.js文件

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

426af9111c2d68df2d87e18c26f22cd.png

(html进修学程选举:html进门学程)

二、翻开 用ctrl+f 查找 上面代码

"!!!": "{<!DOCTYPE html>}",
登录后复造

找到上面代码块:

"cmd": "co妹妹and",

"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": "{}",
"cc:ie": "{}",
"cc:noie": "{${0}}"
};
登录后复造

275424ceb6a094b10bd10aa1f826406.png

而后输出上面代码:

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

三、保管重封硬件便可。

新修html文件,输出!+tab 便可浮现默许html格局:

6175cd3b992ce4ca34fc9fbd297ba27.png

推举学程:vscode学程

以上便是假定修正vscode外html的默许样式的具体形式,更多请存眷萤水红IT仄台此外相闭文章!

点赞(46) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部