首頁 > 開發工具 > VSCode > 如何修改vscode中html的預設樣式

如何修改vscode中html的預設樣式

王林
發布: 2020-04-05 09:56:25
原創
4132 人瀏覽過

如何修改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的預設樣式

(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}}"
};
登入後複製

如何修改vscode中html的預設樣式

然后输入下面代码:

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

3、保存重启软件即可。

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

如何修改vscode中html的預設樣式

推荐教程:vscode教程

以上是如何修改vscode中html的預設樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板