【VS Code】vs code快速生成H5模板

最新推荐文章于 2025-03-12 19:06:19 发布

钦拆大仁

最新推荐文章于 2025-03-12 19:06:19 发布

阅读量1.2k

点赞数

分类专栏： # IDE

本文链接：https://blog.csdn.net/qq_36154832/article/details/105217377

版权

IDE 专栏收录该内容

12 篇文章

订阅专栏

打开首选项，进入用户代码片段

打开html.json，添加代码块

	"Html5-Vue": {
        "prefix": "vh",
        "body": [
            "<!DOCTYPE html>",
            "<html lang=\"zh-CN\">\n",
            "<head>",
            "\t<meta charset=\"UTF-8\">",
            "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
            "\t<meta name=\"description\" content=\"\">",
            "\t<meta name=\"keywords\" content=\"\">",
            "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
            "\t<title>Document</title>",
            "\t<script src=\"./lib/vue.min.js\"></script>",
            "</head>\n",
            "<body>",
            "\t<div id=\"app\">$1</div>\n",
            "\t<script>",
            "\t\tvar vm = new Vue({",
            "\t\t\tel: '#app',",
            "\t\t\tdata: {},",
            "\t\t\tmethods: {}",
            "\t\t});",
            "\t</script>",
            "</body>\n",
            "</html>"
        ],
        "description": "快速创建在html5编写的vue模板"
    }

prefix表示关键字

进入代码输入vh即可使用