24.eslint

2023-05-16

eslint是约束代码写法的插件，比如组件的命名必须要用驼峰命名这种

eslint官网检测并修复 JavaScript 代码中的问题。 - ESLint - 插件化的 JavaScript 代码检查工具

1 vue-cli的eslint

2 标准规则

2.1 不能连续出现两个空行

2.2 结尾必须有空行

2.3 不要有多余的空格

2.4 字符串要使用单引号

2.5 键与值之间需要用空格分隔

2.6 对象的两侧要有空格

2.7 定义完了必须用

2.8 对象的键值对后面如果没有下一个键值对，不要写逗号

2.9 注释符号不能紧跟注释内容

2.10 要使用两个空格缩进

2.11 import必须在顶部

2.12 定义方法时，方法名与括号之间必须有空格

3 rules

3.1 两个默认规则

3.1.1 no-console 不允许出现console

3.1.2 no-debugger 不允许出现debugger

3.2 取消规则

3.3 改变规则

1 vue-cli的eslint

我们先自定义创建一个项目，当你选择了Linter后，会询问你linter的配置

自上而下依次的意思是

只有错误时报错的ESLint
不符合Airbnb规范时报错的ESLint，Airbnb规范可以看一下这个 GitHub - airbnb/javascript: JavaScript Style Guide
不符合标准规范时报错的ESLint
ESLint与Prettier,ESLint是提示错误的，prettier是帮你解决错误的,这两个东西都有插件，详细用法可以看一下这个附录11-插件ESLint与prettier_Suyuoa的博客-CSDN博客

我们这里选择标准规范，默认创建vue3的时候也是标准规范

这里从上到下是

在保存时使用Lint
提交的时候使用Lint，在你提交的时候自动给你把不符合规范的地方改掉，比如单引号给你改成双引号

这里是多选，你可以给他都选上

下面问是配置文件放到独立的文件中，还是都放在package.json中，我们一般让其生成独立的配置文件

这里我不进行保存了

按下回车后就开始自动创建项目了，创建之后我们可以在项目中看到 .eslintrc.js，我们可以在rules中定义规则

在官网中你可以查到所有的规则规则 - ESLint - 插件化的 JavaScript 代码检查工具

2 标准规则

2.1 不能连续出现两个空行

我现在在main.js中多敲一个空行

编译的时候会提示你，不能超过一行以上的空行

2.2 结尾必须有空行

我现在删掉main.js的最后一行

会提示在最后需要有一行空行

2.3 不要有多余的空格

2.4 字符串要使用单引号

2.5 键与值之间需要用空格分隔

这样是对的

把中间的空格删了就是错的

2.6 对象的两侧要有空格

2.7 定义完了必须用

2.8 对象的键值对后面如果没有下一个键值对，不要写逗号

2.9 注释符号不能紧跟注释内容

这样是没问题的

这样是不对的

多打一个空格没事

2.10 要使用两个空格缩进

这样是对的

这样是错的

不用也是错的

2.11 import必须在顶部

2.12 定义方法时，方法名与括号之间必须有空格

这样是对的

这样是错的

3 rules

让rules与标准规则有冲突的时候，会按照rules来，你可以在rules中取消一些标准规则

3.1 两个默认规则

3.1.1 no-console 不允许出现console

console.log()就属于console

这一段的意思是如果为上线模式，那么如果你用console会给你warning，如果不是上线模式就没事

3.1.2 no-debugger 不允许出现debugger

debugger可以在JS代码中打上断点，具体情况使用方法可以看一下这个附录4-JS关键字_Suyuoa的博客-CSDN博客

这一段的意思是如果为上线模式，那么如果你用debugger会给你warning，如果不是上线模式就没事

3.2 取消规则

我们以不能出现两行空行举例，首先你看到是哪错了，在下图中我们可以看到是 no-multiple-empty-lines 错误

我直接到rules里面这样写

写完之后重新启动服务，这样即使你有两个空行也可以编译成功，如果你想彻底取消你就把warn改成off

3.3 改变规则

改变规则会麻烦一些，且每一种规则的修改方式不同。我们以方法后的空格举例，先看错误的名称为 space-before-function-paren

然后在这里面规则 - ESLint - 插件化的 JavaScript 代码检查工具搜索 space-before-function-paren，搜到之后点开

点进去之后你会发现有这种东西

我们现在将其改为定义方法后不允许有空格

改动之后重新启动服务，这样写没空格的时候就能编译成功了

有空格的时候反而不能编译成功

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

eslint

24.eslint 的相关文章

React/ ESLint - JSX props 不应使用箭头函数

我目前正在 React 中创建一个组件并且正在使用 ES Lint 规则react jsx no bind 我的问题是我希望能够将参数传递给我的组件函数这是我想用来执行此操作的代码 class LanguageDropdown exte
ESLint 错误 - ESLint 找不到配置“react-app”

我和我的团队使用 create react app bootstrap 命令启动一个新的 React 项目我们在项目中添加了 eslint 部分但我们遇到了以前从未发现过的恼人错误当我们启动命令时 yarn run lint Here
如何为 Vue 项目设置 lint-staged？

我使用 Vue CLI 创建了一个新的 Vue3 应用程序并为我的 linter 配置选择了 Prettier 我想使用 commitlint husky 和 lint staged 来验证提交消息并在推送代码之前检查代码我做了什么基
加载规则“jsx-a11y/alt-text”时出错：rule.create 不是函数

我刚刚用过npx create react app my app启动一个项目并在运行时npm start我收到这个编译错误 Error while loading rule jsx a11y alt text rule create is
create-react-app 子文件夹项目不会 lint

在子文件夹中使用 create react app 引导的项目不会出现 lint 但是如果我在 VSCode 中以 root 身份打开项目子文件夹如下图所示或者在 root 下设置一个新的 create react app 项目则
在 Typescript 中是否必须使用函数的结果值说明符？

我想指定函数的返回值必须使用打字稿来使用 C 中有一个属性 nodiscard Typescript 中有类似的属性吗 Example function setSomeFields someThing MyClass const other
由于 ESLint 错误，我的 create-react-app 无法编译

我刚刚创建了一个新模板create react app with 反应v17包括在内并且我像以前一样安装了 eslint 依赖项这是我的 package json 文件 name gym nation version 0 1 0 pri
箭头主体周围有意外的块语句

我在用着 eslint config airbnb 6 1 0 保持我的 JavaScript 干净我的 linter 对看似合法的代码不满意看起来这可能是一个持续存在的问题 https github com eslint eslint
无法加载插件@typescript-eslint：找不到模块“eslint-plugin-@typescript-eslint”

我正在将我的项目从 tslint 重新配置为 eslint 我可以手动运行 eslint 但 webpack 无法运行并显示以下错误消息 Module build failed from path node modules eslint l
ESLint 错误 no-unneed-ternary

ESLint 在我的 JS 模块中告诉我这个错误消息错误 no unneeded ternary 不必要地使用条件表达式进行默认赋值错误出现在get方法上的return陈述return val val defaultVal import
有没有一种优雅的方法来告诉 eslint 确保我们没有使用任何 ES6 语法/函数？

有没有一种优雅的方式告诉 ESLint 确保我们没有使用任何 ES6 EMCAScript 2015 语法函数我发现以下答案有些帮助但似乎它并不能解决所有问题例如我不知道如何捕获 Object assign 的用法如何通过 ES
如何告诉 eslint 您更喜欢在字符串周围使用单引号

我是 eslint 的新手它会抛出大量错误告诉我使用双引号 error Strings must use doublequote 那不是我的偏好我已经设置了一个 eslintrc 文件其中包含基础知识 env node 1 我想将其
为本地开发创建不同的 eslint 规则

这是一个激励人心的例子我正在开发一些代码并想找出出了什么问题所以我有 function foo console log Look its 2016 and I m still printf debugging 除了我们的构建过程将 e
React 0.14错误：模块构建失败：ReferenceError：[BABEL] .../node_modules/eslint-loader/index.js!/.../main.jsx：未知选项：base.stage

这是我的 package json scripts test echo Error no test specified n exit 1 lint npm run lint js npm run lint css lint js echo
ESLint - 如何限制“this”的属性

禁止像这样的代码this log 以下配置不起作用 no restricted properties 2 object this property log 您可以通过使用来实现这一点无限制语法 https eslint org docs r
WebStorm 2018.1.4 + ESLint：TypeError：this.CliEngine 不是构造函数

我的配置是这样的 WebStorm 2018 1 4 ESLint 6 4 节点12 8 npm 6 10 2 Windows 8 1 如何消除帖子标题中的错误这是一个代码示例 import GET DAILY SUCCESS GET H
Prettier 不在 React 项目工作

我正在将我的爱彼迎 eslint 规则迁移到更漂亮的规则但我遇到了一些问题这是我的 eslintrc parserOptions ecmaVersion 6 env browser true node true parser babel
仅检查新添加的文件

我使用 lint staged 和 husky 在提交之前对所有暂存文件运行 linter 但我的代码库很旧所以暂时不想对现有修改后的文件运行 linter 有没有办法只针对新创建添加的文件运行 linter None
Vue 3：“defineProps”引用本地声明的变量

为什么我收到警告错误消息 defineProps引用本地声明的变量 eslint vue valid define props 当我在 props 中使用自定义验证器时SFC
VSCode 在 React 的 JSX 中错误地格式化三进制

我正在运行 VSCode 来开发我的 React 应用程序我有一个简单的三元 isLoading

随机推荐

【七夕节】浪漫七夕，代码传情。将爱意变成绚烂的立体场景，给她（他）一个惊喜！（送代码）

浪漫七夕 xff0c 代码传情将爱意变成绚烂的立体场景 xff0c 给她 xff08 他 xff09 一个惊喜 xff01 一 python代码 xff08 情话转二进制编码 xff09 二 js代码部分 xff08 二进制编码生成立体场
【可信执行环境】Keystone 简介

当下 xff0c 安全挑战是一个非常突出的问题可行执行环境TEE Trusted Execution Environment 成为必须满足的特性 1 安全挑战与TEE 1 1 安全挑战的来源 xff1a 1 1 1 被抄板导致研发投入的
超长docker笔记

docker ce 和docker ee docker操作容器只需要id前4位就可以 docker编译安装 https blog csdn net lwyeluo article details 51765309 删除命令 docker r
第1课【寄存器开发到库开发】寄存器库位操作封装分层 GPIO

目录基本知识框架课堂笔记什么是寄存器开发什么是库开发寄存器开发和库开发的关联寄存器开发的基本流程寄存器开发的优缺点库开发的基本流程库开发的优缺点结论如何从寄存器开发实现库开发 xff08 GPIO口为例 xff0c 通过操作其寄存器
python str基本用法

目录 1 没什么用的 1 1 调用实例属性后自动执行 getattribute 1 2 实例化后自动调用 new 1 3 将其他变量转变为字符串 repr 1 4 反向替代占位符格式化 rmod 1 5 字符串反向做乘法 rmul 1 6
32.QButtonGroup

目录 1 创建和添加按钮 1 1 创建按钮组 1 2 添加按钮 addButton 2 查看按钮 2 3 获取当前选中的按钮 CheckedButton 3 从按钮组中移除按钮 removeButton 4 ID操作 4 1 设置 setI
Windows下的Win32串口编程

在工业控制中 xff0c 工控机 xff08 一般都基于Windows平台 xff09 经常需要与智能仪表通过串口进行通信串口通信方便易行 xff0c 应用广泛一般情况下 xff0c 工控机和各智能仪表通过RS485总线进行通信 RS4
Ubuntu内网穿透

本文借鉴使用frp进行内网穿透少数派目录 1 准备材料 2 服务端部署 3 服务端后台运行 4 客户端部署 1 准备材料 1 一台具有公网IP的实体机 xff08 服务端 xff0c 也可以是vps 2 一台网页部署内网的实体机客户
Ubuntu系统基本操作

文章中所需要的文件可以在这里下载链接 xff1a https pan baidu com s 1NYXxHD0jebngmCTEwgjGbQ 提取码 xff1a 2jyo 目录 1 安装谷歌浏览器 2 修改开机启动项 3 快捷键查找与设置
Ubuntu向日葵锁定之后忘记密码后解除锁定状态

此操作会重置本机识别码与本机验证码我们在使用向日葵的时候会使用锁定按钮设置完密码之后 xff0c 我们忘了 xff0c 就会导致无法使用向日葵重新安装也不能解决问题 xff0c 这个时候我们找到etc orayconfig conf
26.疲劳检测

目录 1 项目介绍 2 代码实现 2 1 导入库 2 2 定义68个关键点 2 3 定义eye aspect ratio 2 4 定义参数 2 5 定义阈值 2 6 定义次数 2 7 创建检测器 2 8 获取左眼与右眼的起始点与终止点 2
NX点亮oled

效果是这样的目录 1 接线 2 配置环境 3 运行代码 4 显示开发板信息 1 接线小屏幕的名称叫oled xff0c 使用芯片SSD1306驱动上面有四个引脚 xff0c 与NX接线如下 VCC 5V GND GND SDA 3 S
43.一维卷积-航空公司评论情感预测

之前我们使用的都是二维卷积 xff0c 二维卷积处理图像问题 xff0c 这次我们使用一维卷积 xff0c 一维卷积处理序列问题一维卷积就是在一个序列上进行滑动 xff0c 从而得出一维卷积的结果 xff0c 详细一维卷积的介绍可以看一下
serial库常见用法

安装的时候要输入 pip install pyserial 进行安装 serial是python做串口通讯的库 xff0c 在这里介绍了NX与Windows串口通讯 NX串口通讯windows Suyuoa的博客 CSDN博客目录 1 使
Ubuntu开机自启动一些东西

有三种方式做开机自启动目录 1 免除sudo密码 2 Startup 2 desktop 3 service 1 免除sudo密码做完这一步你的所有sudo命令都不会再让你输密码了如果你的开机自启动的东西需要sudo xff0c 那么
附录3-动态组件 component与keep-alive setup()写法

目录 1 基本使用 2 按钮切换组件 3 keep alive 3 1 在切换组件的时候 xff0c 默认情况下被切换的组件就会被销毁 3 1 1 数据情况 3 1 2 生命周期函数情况 3 2 使用 keep alive 3 3 keep
附录11-插件ESLint与prettier

ESLint是提示错误的 xff0c prettier是帮你解决错误的目录 1 ESLint 1 1 安装 1 2 配置 1 3 效果 2 prettier 1 ESLint 1 1 安装 1 2 配置在插件介绍中 xff0c 搜索 e
用 C 语言编写 Windows 服务程序

NTService cpp Defines the entry point for the console application include lt windows h gt include lt stdio h gt define S
10.过滤器

过滤器是做文本格式化的 xff0c 只能用在插值表达式与 v bind 上 xff0c 在vue3中已经被弃用了 xff0c 这里我简单记录一下并写一下在vue3的替代方法目录 1 基本使用 1 1 vue2中的写法 1 2 vue3
24.eslint

eslint是约束代码写法的插件 xff0c 比如组件的命名必须要用驼峰命名这种 eslint官网检测并修复 JavaScript 代码中的问题 ESLint 插件化的 JavaScript 代码检查工具目录 1 vue cli的esl

24.eslint

1 vue-cli的eslint

2 标准规则

2.1 不能连续出现两个空行

2.2 结尾必须有空行

2.3 不要有多余的空格

2.4 字符串要使用单引号

2.5 键与值之间需要用空格分隔

2.6 对象的两侧要有空格

2.7 定义完了必须用

2.8 对象的键值对后面如果没有下一个键值对，不要写逗号

2.9 注释符号不能紧跟注释内容

2.10 要使用两个空格缩进

2.11 import必须在顶部

2.12 定义方法时，方法名与括号之间必须有空格

3 rules

3.1 两个默认规则

3.1.1 no-console 不允许出现console

3.1.2 no-debugger 不允许出现debugger

3.2 取消规则

3.3 改变规则

24.eslint 的相关文章

随机推荐

热门标签