在vscode中创建vue的html模板

为什么要创建模板？

• 刚开始学习vue的时候通常是在html中写的vue。而非直接在.vue文件中写。这个时候vscode中并没有直接提供vue的模板，我们需要使用snippet直接生成模板，就像生成html模板一样。

如何生成模板？

1. 通过ctrl+alt+P 通过关键字Preference 找到配置用户代码块。
2. 设置局部代码块，即选择html回车。
3. 在html.json中填充你喜欢的模板即可。

个人使用的模板

• 类似黑马的vh模板：

    "vh": {
        "prefix": "vh", // 触发的关键字 输入vh按下tab键
        "body": [
            "",
            "",
            "",
            "",
            "    ",
            "    ",
            "    ",
            "    ",
            "    ",
            "",
            "",
            " ",
            "    
",
            "",
            "    ",
            "",
            "",
            "",
        ],
        "description": "vh components"
    }