warning Replace `‘vue‘` with `“vue“;`warning Replace `‘./App.vue‘` with `“./App.vue“;`

对于项目中的eslint验证,如果不是很熟悉语法,经常会出现警告,看着十分不适,下面记录一下关闭eslint方法。
警告事例:

   1:17  warning  Replace `'vue'` with `"vue";`                                                                    prettier/prettier
   2:17  warning  Replace `'./App.vue'` with `"./App.vue";`                                                        prettier/prettier
   3:20  warning  Replace `'./router'` with `"./router";`                                                          prettier/prettier
   4:19  warning  Replace `'./store'` with `"./store";`                                                        
    prettier/prettier
方法一:配置关闭eslint语法检测(推荐使用配置解决)
第一步:在vue.config.js配置(如果没有手动创建即可)
module.exports = {
  // 关闭eslint语法验证
  lintOnSave: false,
  devServer: {
    // 关闭eslint语法验证
    overlay: {
      warning: false,
      errors: false,
    },
  },
}

配置如图
在这里插入图片描述

第二步 配置.eslintrc(如果没有手动创建即可)
{
    "rules": {
        "prettier/prettier": "off"
    }
}

配置如图
在这里插入图片描述

方法二:运行lint解决报错

查看配置package.json中的script中是否有"lint"选项(本实例是vue-cli创建)
在这里插入图片描述
运行命令

npm run lint --fix

也同样可以解决这个eslint问题,不过方法一是一劳永逸的方法,方法二如果每次编写完成都要运行一遍

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值