Vue项目解决eslint语法报错

eslint是一个JavaScript的校验插件,用来校验,统一代码的书写风格。
官方文档:https://eslint.org
附带一个eslint规则总结的地址:https://www.cnblogs.com/cocoxia/p/8649910.html

  1. Vue项目什么时候下载进去的eslint呢?
    在创建一个vue项目的时候会有一个选项Use ESLint to lint your code? (Y/n),
    如果不注意看一直回车确定,他这儿会是一个Y,也就是YES的意思,代表你搭建
    的这个新项目中需要eslint标准

  2. 如果这个效验方法让你很抓狂,需要不用他改怎么办?
    1.在创建新项目的时候在选项Use ESLint to lint your code? (Y/n)对应的后面输入N,就代表需要这个效验方法;
    2.当你已经选择了Y,并且创建了项目,但是这个语法一直在报错,让你很抓狂怎么办?当然这样也有办法删除他,只需要找到build文件夹,然后在build文件夹下面找到webpack.base.conf文件,通过按下图修改在这里插入图片描述把红色框选中的内容删掉或者注释掉然后关闭项目重跑一遍项目即可。

  3. 虽然eslint让人很抓狂,但是eslint可以辅助开发人员规范自己的代码,有效控制代码质量,特别是多人合作开发的情况下,可以让代码看起来很整洁,清晰。我见过一个前端项目,就是多人合作,每人一个代码风格,项目没有人统一规范,整个项目错综复杂,特别的乱。所以如果是多人合作开发的时候,建议保留eslint,可以根据上文附带的eslint规则总结中的规则,在自己的项目中适当关闭一些不合理的规范,保留合理的规范。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值