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>",
                "\t<meta charset=\"UTF-8\">",
                "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
                "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
                "\t<title></title>",
            "</head>",
            "<body>",
                
            "</body>",
            "</html>",
        ],
        "description": "HTML5"
    }
}

在新建的html中輸入h:

提示助手會有供選擇的代碼片段,按下tap就出現h5代碼模板了,如下:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM