• 技术文章 >开发工具 >VSCode

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

    VV2020-04-05 09:56:25原创1683

    1、找到vsCode安装目录

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

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

    426af9111c2d68df2d87e18c26f22cd.png

    (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": "{<!-- ${0} -->}",
    "cc:ie": "{<!--[if IE]>${0}<![endif]-->}",
    "cc:noie": "{<!--[if !IE]><!-->${0}<!--<![endif]-->}"
    };

    275424ceb6a094b10bd10aa1f826406.png

    然后输入下面代码:

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

    3、保存重启软件即可。

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

    6175cd3b992ce4ca34fc9fbd297ba27.png

    推荐教程:vscode教程

    以上就是如何修改vscode中html的默认样式的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:vscode html 默认样式
    上一篇:vscode中python报错怎么办 下一篇:vscode改不了字体怎么办
    大前端线上培训班

    相关文章推荐

    • vscode中格式化css代码标签属性不换行• vscode中ctrl+鼠标左键不能跳转• vscode中无法执行npm命令怎么办• vscode中python报错怎么办

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网