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”项就可以)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值