vscode vue文件模版

左下角齿轮,用户代码片段,输入vue回车;
进入vue.json设置,复制如下代码

{
    // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and
    // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
    // same ids are connected.
    // Example:
    "Print to console": {
        "prefix": "vu",
        "body": [
            "<template>\n",
            "</template>\n",
            "<script type=\"text/ecmascript-6\">",
            "export default {$1}",
            "</script>\n",
            "<style scoped lang=\"stylus\" rel=\"stylesheet\/stylus\">\n",
            "</style>\n"
        ],
        "description": "New Vue File"
    }
}

保存,新建.vue文件,输入vu之后tab或回车,就出现vue模版了。(vu可以改,自定义”prefix”: “vu”项就可以)

猜你喜欢

转载自blog.csdn.net/s1124yy/article/details/79857296