zoukankan      html  css  js  c++  java
  • vscode设置快捷键"h"快速生成html模板

    问题:vscode快捷键!/h5/html无法快速生成html模板,之前的设置失效

    在vscode中新建test.html, 内容是空白的,输入"!",然后按tap键 ,没有生成常见的html模板,也就是如下:

    输入! html html:5 DOCTYPE 按下caps tap enter都没有生成,怀疑是装的插件给搞没了。

    解决:设置快捷键"h"快速生成html模板

    在vscode中如下设置:

    选择Preferences-User Snippets

    搜索html,回车

    在JOSN里面加入设置代码, 把之前的注释代码删了,加入下面的代码:

    {
        "html:5": {
            "prefix": "h",
            "body": [
                "<!DOCTYPE html>",
                "<html>",
                "<head>",
                    "	<meta charset="UTF-8">",
                    "	<meta name="viewport" content="width=device-width, initial-scale=1.0">",
                    "	<meta http-equiv="X-UA-Compatible" content="ie=edge">",
                    "	<title></title>",
                "</head>",
                "<body>",
                    
                "</body>",
                "</html>",
            ],
            "description": "HTML5"
        }
    }

    在新建的html中输入h:

    提示助手会有供选择的代码片段,按下tap就出现h5代码模板了,如下:

  • 相关阅读:
    【Angular2】ng2的开始_组件
    【js框架】随笔
    【sublime text3】个性化定制
    PLSQL中文乱码问题
    Microsoft office 2010密钥
    node_oracle连接
    oracle安装配置
    Logging in Java
    Java 基础
    Hibernate
  • 原文地址:https://www.cnblogs.com/bagexiaowenti/p/12599432.html
Copyright © 2011-2022 走看看