两个月之前在项目中就开始使用 Eslint ，当时直接 copy 别人的 .eslintrc.js 文件，感觉好复杂，一直没吃透，中间去把 Eslint 官方文档看了数遍，依然无果。今天刚好没事，回过头来想整理一下 Eslint 的使用，发现突然变得好简单。总结下在这过程中走得弯路。先要知道 Lint 是什么，Eslint 又是什么；因为想要的太多（想把 Eslint 官方文档里每个字都记住）
转载
2024-09-02 10:04:47
54阅读
概述本文将介绍 ESLint 的工作原理，内容涉及 ESLint 如何读取配置、加载配置，检验，修复的全流程。为什么需要 ESLintESLint 相信大家都不陌生，如今前端工作越来越复杂，一个项目往往是多人参与开发，虽然说每个人的代码风格都不一样，但是如果我们完全不做任何约束，允许开发人员任意发挥，随着项目规模慢慢变大，很快项目代码将会成为不堪入目的?山，因此对于代码的一些基本写法还是需要有个约
转载
2024-07-23 07:19:22
63阅读
{ "root": true, "env": { "browser": true, "es2021": true }, "plugins": [ "react-hooks", "react", "@s/exhaustive-deps": "error" },
原创
2023-02-14 09:12:01
70阅读
ESLint的规则有三种级别"off"或者0，不启用这个规则"warn"或者1，出现问题会有警告"error"或者2，出现问题会报错给项目配置 .eslintrc.js使用一个js文件，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。// https://eslint.org/docs/user-guide/configuring
module.exports = {
//此
转载
2024-06-04 06:08:15
92阅读
通过让组件管理自己的状态，任何时候该状态发生变化了，React 将知道并自动对页面做出必要的更新。这是使用 React 构建 UI 组件的关键优势之一：如果要重新渲染页面，我们只需考虑更新状态。每次有更新时，我们不需要知道到底是页面的哪个部分发生变化了，也不需要判断如何有效的重新渲染页面，React 会对比之前的输出和新的输出，判断哪些改变了，并为我们做出决策，这个流程称为一致性比较
缘起之前使用 tslint 校验代码格式，后来发现 ts 官方已经放弃这个转而使用 eslint，研究了一下把相应配置调整了一下。目标：使用 eslint、prettier 格式化 TypeScript 代码使用 husky、lint-staged 在提交代码到 git 的时候自动格式化代码（按需启用）使用 commitlint 校验 git commit message（按需启用）关于 1 做
转载
2024-06-08 20:14:31
149阅读
配置 ESlint 的两种方式配置注释：通过在 js 文件中嵌入注释的形式进行 ESlint 的配置；配置文件：在当前工作目录下使用一个 JS，JSON 或是 YAML文件来指定配置信息。这个文件可以命名为 .eslintrc.* ，或者是在 package.json 中 eslintConfig 属性中配置。另外还可以通过命令行指定配置。配置 parser optionsESlint 默认解析
转载
2024-06-25 22:22:52
301阅读
《ESLint 的使用》ESLint 是一个 QA（质量保证）工具，用来统一代码风格。一、ESLint 的配置文件关于 ESLint 的配置，通常存在于三个文件中：
.editorconfig：配置编辑器；
.eslintignore：ESLint 的忽略文件配置；
.eslintrc.js：ESLint 的检查规则；二、常用配置1、配置编辑器root = true
# 对所有文件有效 //[*j
转载
2023-08-31 23:48:54
170阅读
{
"env": {
"browser": true,
"es2021": true,
"commonjs": true,
"es6": true,
"node": true
},
"extends": [
"eslint:recommended",
"plugi
转载
2024-04-26 11:07:32
53阅读
Eslint 官网一、用 eslint 进行语法检查步骤：安装 eslint npm i -g eslint命令行输入 “eslint --init” 自动生成 .eslintrc.json 输入 eslint --init 以后可以选以下配置： 有了 eslint 配置文件以后，VSCode 会自动检查规范。配置 package.json 的 scripts，方便以后使用
转载
2024-04-02 13:01:38
294阅读
ESLint的默认规则有些比较反人类：通过vue-cli的代码末尾不能加分号 ;编辑代码中不能存在多行空行大括号，中括号，左右的空格限制var的空声明等忽略一项使用/* eslin -disable */忽略文件中的所有警告；/* eslin-disable */使用// eslin -disable-next-line忽略下一行；// eslin-disable-next-line配置文件通过配
转载
2024-03-19 12:39:50
152阅读
本文是自己在使用ESlint的总结，对其基本用法做详细说明。ESLint的2种配置:1.Configuration Comments - 使用 JavaScript 注释把配置信息直接嵌入到一个文件。// 临时禁止规则出现警告
/* eslint-disable */
alert('foo');
/* eslint-enable */2.Configuration Files - 使用 JavaS
转载
2024-04-07 15:33:08
101阅读
一、安装TypeScriptnpm i -g typescript二、安装完成后创建ts 使用ts语法 可能遇到的报错问题在啥都没配置的默认情况下，TS会做出下面几种假设：假设当前的执行环境是dom如果 代码中没有使用模块化语句（import,export），便认为改代码是全局执行编译的目标是ES3,有点低有两种 方式更改以上假设使用tsc命令行的时候加上选项参数使用ts配置文件，更改编译选项这里
转载
2024-04-07 08:47:53
83阅读
1 "no-alert": 0,//禁止使用alert confirm prompt 2 "no-array-constructor": 2,//禁止使用数组构造器 3 "no-bitwise": 0,//禁止使用按位运算符 4 "no-caller": 1,//禁止使用arguments.call
原创
2022-07-07 21:52:03
83阅读
// 禁止使用小地图 "editor.minimap.enabled": false, // 修改文字大小 editor.fontsize修
原创
2023-02-25 13:25:08
111阅读
下面以vue-cli脚手架项目来举例说明 ,进入项目打开.eslintrc.js配置文件，如下图： rules: { // allow async-await 'generator-star-spacing': 'off', // allow debugger during development ...
转载
2021-10-21 16:45:00
151阅读
2评论
如何自定义Eslint插件一. 准备工作二. 编写自定义组件三. 开启本地调试 一. 准备工作我们需要基于generator-eslint来进行快速开发Eslint自定义插件。1.下载Yeoman generator：npm i -g yo2.然后：npm i -g generator-eslint3.我们准备一个文件夹，可以取名为My-Eslint，在该文件夹的路径下通过命令生成创建一个插件P
转载
2024-04-17 15:20:37
216阅读
本文主要对eslint各种配置规则的作用进行了比较详细的翻译。module.exports = {
root: true, // 将ESLint限制到当前配置文件所在的目录下
env: {
browser: true,
es6: true,
node: true,
}, // 指定脚本的运行环境。每种环境都有一组特定的预定义全局变量
extends: ['e
转载
2024-02-26 17:25:53
93阅读
ESLint 提供了一组默认的推荐规则配置,这些规则都开启了错误级别。要使用默认规则,可以在 ESLint 配置文件中填写:{
"extends": "eslint:recommended"
}这会开启以下规则:for-direction - 要求 for 循环中 update 语句为循环变量递增或递减no-async-promise-executor - 禁止使用异步函数作为 Promis
转载
2024-04-14 20:37:41
212阅读
1 "no-alert": 0,//禁止使用alert confirm prompt
2 "no-array-constructor": 2,//禁止使用数组构造器
3 "no-bitwise": 0,//禁止使用按位运算符
4 "no-caller": 1,//禁止使用arguments.caller或arguments.callee
5 "no-catch-shadow": 2
转载
2024-08-28 19:56:09
75阅读
