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
以下为正确修改:
错误示例:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)