关于eslint使用规则,和各种报错对应规则

关于eslint使用规则,和各种报错对应规则,第1张

ESLint 由 JavaScript 红宝书 作者 Nicholas C. Zakas 编写, 2013 年发布第一个版本。 NCZ 的初衷不是重复造一个轮子,而是在实际需求得不到 JSHint 团队响应 的情况下做出的选择:以可扩展、每条规则独立、不内置编码风格为理念编写一个 lint 工具。

ESLint 主要有以下特点:

下面说一下如何配置:

比如,我写vue过程中,出现了下面的warning:

警告的意思就是 字符串必须用单引号

如下图:

Use /* eslint-disable */ to ignore all warnings in a file.

还有一种万能方法,就是在报错的JS文件中第一行写上

/* eslint-disable */

如下图

这样就可以和Eslint携手并进了

配置(我主要用第三种方法,为了方便查看,特记录如下:)

可以通过以下三种方式配置 ESLint:

参考文章:

ESLint配置参数介绍

关于eslint使用规则,和各种报错应对书写规则。*

Vue 3 的 Script Setup 语法引入了 defineProps、defineEmits、defineExpose、withDefaults 的编译器宏。然而某些情况下,ESLint 会报错以上编译器宏函数未定义。

本文将介绍两种解决方案来解决这个问题(假定你的项目使用 Vue-Cli 进行初始化)。

若版本在 v8.0.0 以上,跳转到 Step 2,否则直接到 Step 3 的内容。

打开 .eslintrc.js 文件并修改如下:

打开 .eslintrc.js 文件并修改如下:

ESlint关于箭头函数返回值的校验问题:

报错: Expected to return a value at the end of arrow function consistent-return

修改为: 在检测时候,就会被置空为,没有return且报错no-empty

以下为正确修改:

错误示例:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7735550.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-09
下一篇 2023-04-09

发表评论

登录后才能评论

评论列表(0条)

保存