}",]; 3. , restart vscode."/> }",]; 3. , restart vscode.">

Home  >  Article  >  Development Tools  >  How to modify the default style of html in vscode

How to modify the default style of html in vscode

王林
王林Original
2020-04-05 09:56:254101browse

How to modify the default style of html in vscode

1、找到vsCode安装目录

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

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

How to modify the default style of html in vscode

(html学习教程推荐: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": "{}",
"cc:ie": "{}",
"cc:noie": "{${0}}"
};

How to modify the default style of html in vscode

然后输入下面代码:

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

3、保存重启软件即可。

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

How to modify the default style of html in vscode

推荐教程:vscode教程

The above is the detailed content of How to modify the default style of html in vscode. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn