温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2020-12-15 13:52:08 来源:亿速云 阅读:291 作者:小新 栏目:软件技术

这篇文章给大家分享的是有关怎么修改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

怎么修改vscode中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]-->}"
};

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

然后输入下面代码:

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

3、保存重启软件即可。

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

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

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI