eslint 版本7.29.0 DEMO目录 .eslintrc.js .eslintignore src index.ts 安装 // 全局安装 npm i -g eslint // 本地安装,本地安装无法使用 如果同级目录下存在 package.json, .eslintrc.* , package.json 内的配置将被忽略 可通过配置属性root 修改层叠规则 eslintignore 忽略文件 某些目录或文件不要做校验时 ,可在在目录下新增.eslintignore 文件 , 写入需要忽略的目录或文件 // .eslintignore node_modules/ dist/ lib/ bin/ eslint 规则注释 有的情况下
、解析器、插件等 JSON、YAML 或 JavaScript eslint.config.js 以 JavaScript 形式编写 ESLint 配置,允许使用更多编程逻辑 JavaScript .eslintignore ESLint 功能,定义一组规则 N/A 简单来说,在你项目引入了ESLint后,你只需要在项目目录下放这些文件,就可以达到配置ESLint的效果 一般情况下,我们在项目中添加 .eslintrc 和.eslintignore 就能够比较健全的使用ESLint了 四:.eslintignore文件配置与文件配置规则 常用的配置规则 在这里,我给出我项目中一般会使用的.eslintignore配置 docs dist public 匹配的文件或目录将被忽略 node_modules/ 注释 使用 # 开头的行被视为注释 # 忽略 node_modules 目录 空行 空行会被忽略,用于提高可读性 (空行) 绝对路径和相对路径 路径相对于 .eslintignore
[{“mode”:“auto”}]: (@since 2.0.0):指示ESLint根据package.json、.eslintignore和.eslintrc* 文件的位置推断工作目录。 请考虑以下目录布局: root/ client/ .eslintrc.json client.js server/ .eslintignore .eslintrc.json
wepycache 文件 WePY 缓存文件,防止在build时,重复build npm目录 .prettierrc 文件 prettier 配置文件 .eslintrc.js 文件 eslint 配置文件 .eslintignore wepycache WePY 缓存文件,防止在build时,重复build npm目录 .prettierrc prettier 配置文件 .eslintrc.js eslint 配置文件 .eslintignore
(Extends看以看作是当前配置对象的功能完备的子集) .eslintignore 可以通过在项目根目录创建一个 .eslintignore 文件告诉 ESLint 去忽略特定的文件和目录。. eslintignore 文件是一个纯文本文件,其中的每一行都是一个 glob 模式表明哪些路径应该忽略检测。 当 ESLint 运行时,在确定哪些文件要检测之前,它会在当前工作目录中查找一个 .eslintignore 文件。如果发现了这个文件,当遍历目录时,将会应用这些默认设置。 一次只有一个 .eslintignore 文件会被使用,所以,不是当前工作目录下的 .eslintignore 文件将不会被用到。 重要 注意代码库的 node_modules 目录,比如,一个 packages 目录,默认情况下不会被忽略,需要手动添加到 .eslintignore。
eslint-disable-next-line no-alert, quotes, semi */ alert('foo'); 优先级 详情 项目中可以存在多个规则配置文件, 采用就近原则, 叠加配置 文件检测屏蔽配置 .eslintignore 详情 // .eslintignore 屏蔽配置文件 # 注释 /root/src/*.js # Invalid \root\src\*.js 命令 详情 规则 详情 工具集成 详情 扩展
/src -o xxxx.eslint.report.html -f html 5, 扩展 忽略不检查某些文件 a) 创建文件 .eslintignore b) 示例,在 .eslintignore
"@vue/babel-preset-jsx" ], "plugins": [ "@babel/plugin-transform-runtime", diff --git a/.eslintignore b/.eslintignore index e2192c5..0858135 100644 --- a/.eslintignore +++ b/.eslintignore @@ -2,4 +2,5 @
spaces/tabs and similar settings for your editor ├── .eslintrc.js # eslint config ├── .eslintignore
但是该文件是我们手动下载到项目中(非npm模块)去加载使用的,所以 ESLint 也会检查该文件的代码规则,在这里是没有必要的,代码格式检查应该主要针对我们的代码文件,解决方法就是在项目的根目录创建一个文件 .eslintignore 并写入以下内容: src/vendor/gt.js .eslintignore 文件类似于 .gitignore,它的作用是手动配置 ESLint 不需要校验的代码文件。
*.sjs'], options: { parser: 'babel' } } ] } 配置忽略文件 .eslintignore 和 .prettierignore # .eslintignore *.min.js typings node_modules # .prettierignore *.min.js /node_modules
忽略文件:通过 .eslintignore 忽略不需要检查的文件。 : ["warn", "error"] } ], // 提交时不允许有debugger "no-debugger": "warn" } } 3、在根目录新建 .eslintignore component-tags-order": ["error", { "order": ["route", "script", "template", "style"] }] } } 3、忽略文件配置.eslintignore
yarn ├── build-image │ ├── .gitlab-ci.yml │ └── README.md └── eslint ├── .eslintignore
"editor.codeActionsOnSave": { "source.fixAll": true }, 配置eslint 首先在项目根目录下面添加 .eslintrc.js与.eslintignore recommended', 'eslint:recommended'], plugins: ['babel', 'prettier'], rules:{ // 校验规则此处略 } } 在.eslintignore stylelint-config-recess-order"], "plugins": [ "stylelint-scss" ], rules: { // 校验规则略 } } .stylelintignore文件内容与.eslintignore
presets是预设,plugins是转换的插件,comments的值如果为false,表示转换后不生成注释; .editorconfig是编辑器的配置,它配置了一些语言,缩进的风格大小,换行符风格等等; .eslintignore
这个文件可以让空文件夹可以提交 ├── .babelrc 配置文件,es6转es5配置文件,给 babel 编译器用的 ├── .editorconfig 给编辑器看的 ├── .eslintignore
需要将此文件加入到 .eslintignore 并且在文件的头部加入 /* eslint-disable */ 小程序进入一个html的页面 使用webview 如下 创建一个新的页面,这个页面只有一个
3.2.2 配置.eslintrc 与.eslintignore .eslintrc.js: { "root": true, "parser": "@typescript-eslint/parser : [ "prettier" ], "rules": { "no-var": "error", "prettier/prettier": "error" } } .eslintignore npmignore # Dependency directories node_modules package-lock.json # source code lib .eslintrc.js .eslintignore index.ts │ ├── library.ts │ └── utils │ ├── index.js │ └── index.ts ├── node_modules ├── .eslintignore
使用方法如下: eslint foo.js foo.js 0:0 warning File ignored because of your .eslintignore file. <- Not used └── lib ├── .eslintrc <- { "root": true } └── main.js .eslintignore 另外也可以直接在package.json中的eslintIgnore属性中进行配置。
组件入口 │ └── main.js # 程序入口 ├── .babelrc # ES6语法编译配置 ├── .editorconfig # 定义代码格式 ├── .eslintignore