ESLint相关配置以及使用

因为在重装系统后,vscode遇到了eslint规范代码之后不起作用的问题,所以总结一下。

eslint的下载

在vscode里面下载如图ESLint的插件
在这里插入图片描述

相关文档配置

在程序的主目录中就是最后vue.config.js的文件上方有一个*.eslintrc.js *的文件。打开之后会在这里可以看到,rules,在rules中可以添加一些自己想不让eslint限制的报错。在这里插入图片描述
案例分析:当时写这个页面的时候在template中循环生成的一些重复数据,一开始用的div,动态生成各种属性的时候 会发现顺序打乱了,所以就用了template标签进行循环 但是不能使用:key来确定唯一性。所以打算抽时间优化一下,也希望大佬给点其他意见(●ˇ∀ˇ●)
在这里插入图片描述
OK言归正传,像这个时候,就可以把红框圈着的一串想‘偷渡’的规则放入.eslint.js文件中了,一般设置如下:

值可以是以下几种
·off 或 0:表示不验证规则。
warn 或 1:表示验证规则,当不满足时&#

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值