vsCode修改html默认样式

人盡茶涼 提交于 2020-02-03 07:26:34

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 查找 下面代码

"!!!": "{<!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",

保存重启软件即可
新建html文件,输入!+tab 即可出现默认html格式:
在这里插入图片描述

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!