VScode中Vue快速生成代码片段

VScode中Vue快速生成代码片段 [VScode Vue tab 生成代码片段 ]

首先我们要找到设置（如下图）用户代码片段

image.png

然后我们会看到这样一个框，然后搜索html.json

image.png

如果原来在html.json里没设置过就是一些注释掉的东西，你可以把里面的代码全部删除，然年复制下面的代码就可以了！

然后新建一个html，输入ve 然后tab一下就可以了

image.png

{
    "vue代码": {
        "prefix": "ve",
        "body": [
            "",
            "",
            "",
            "",
            "\t",
            "\t",
            "\t",
            "\t",
            "\t",
            "",
            "",
            "",
            "\t
 
",
            // "\t

", "\t", "", "", "" ] } }