请选择 进入手机版 | 继续访问电脑版
查看: 936|回复: 12

VSCode中vue单文件组件模板设置

  [复制链接]
  • TA的每日心情
    开心
    6 天前
  • 签到天数: 1608 天

    [LV.Master]伴坛终老

    4251

    主题

    6175

    帖子

    11万

    积分

    管理员

    IBC编程社区-原道楠

    Rank: 9Rank: 9Rank: 9

    积分
    111214

    推广达人突出贡献优秀版主荣誉管理论坛元老

    发表于 2019-12-26 09:08:40 | 显示全部楼层 |阅读模式

    马上加入IBC,查看更多教程

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    第一步:
    090840m08ee857yjj8q825.png

    第二步:
    090841v2ggzsvgsq1fzr1a.png

    第三步:
    打开vue.json文件后,假如是初次设置,应该如下图所示,绿色注释部分不消管,留意那两个白色大括号
    090841yw2kws8tsq1vwfj8.png

    第四步:在大括号内全部粘贴如下代码,生存即可完成vue模板的设置
    "Print to vue": {  "prefix": "vue",  "body": [   "",   "  
    ",   "",   "",   "",   "",   "",   "",   "",   ""  ],  "description": "快速创建vue单文件组件" }第五步:,每次创建完后缀为.vue的文件后,就可以通过在文件中输入vue来触发设置模板
    090842fsngd0016dxsd000.png

    第六步:效果图如下
    090842tp6fzo9ly3m53trp.png

    提示:
    这里需要先注释掉mounted(){}生命周期方法,等使用时再打开注释即可,一个内里什么也不界说的空mounted(){}在运行时会报错
    第七步:
    特别阐明:复制粘贴的代码中一些属性的作用
    Print to vue:不消管它,没什么用prefix:触发模板的指令,可自行设置body:所设置的模板内容description:对模板的形貌,可自行设置留意:输出敏感字符",应该\",加个反斜杠输出敏感字符$,应该\\$ 渴望能帮到上进可爱的你,完。
    C#论坛 www.ibcibc.com IBC编程社区
    C#
    C#论坛
    IBC编程社区
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则