超低价网站维护网站托管,上海网站建设千元漂亮,网页作业班级网站怎么做,wordpress怎么做伪静态页面中文官网 官方规则解析 规则参考 - ESLint - 插件化的 JavaScript 代码检查工具
eslint
ESlint 是一个检查 JS,TS 语法的工具.能够与常用开发工具#xff0c;例如 VS Code#xff0c;进行集成并提供错误提示#xff0c;和可能的修正方法
安装
安装eslint
npm init esli…中文官网 官方规则解析 规则参考 - ESLint - 插件化的 JavaScript 代码检查工具
eslint
ESlint 是一个检查 JS,TS 语法的工具.能够与常用开发工具例如 VS Code进行集成并提供错误提示和可能的修正方法
安装
安装eslint
npm init eslint/config安装完成后会生成配置文件 .eslintrc.json
它里边大概有这些内容 env 配置 JS 运行环境和版本extends 指定要继承哪些配置这里继承了 eslint 的推荐配置overrides 覆盖配置parseOptionseslint 的解析器配置这里配置了支持的 ECMAScript 版本和 JS 源码来源是普通 JS 文件还是模块化的 JS 文件这里是 module 模块化rules 用于配置单个 eslint 规则稍后我们再看。
{env: {browser: true,es2021: true},extends: eslint:recommended,overrides: [],parserOptions: {ecmaVersion: latest, // The version of ECMAScript to support.sourceType: module // The type of JavaScript source code. Possible values are script for traditional script files, module for ECMAScript modules (ESM), and commonjs for CommonJS files.},rules: {}
}忽略规则
使用 ESLint 还可以忽略规则最简单的方式是在代码的上面使用 eslint 能识别的注释。例如我们不检查 obj 是否使用了解构可以在他上边使用 /* */ 注释写上 eslint之后写上规则的名字 prefer-destructuring, 然后设置它的值为 off
/* eslint prefer-destructuring: off */
let a obj.a;还有一种是使用配置文件添加 ignorePatterns配置忽略检查的文件匹配模式匹配到的文件就都不检查了
ignorePatterns: [index.js],安装插件
yarn add --dev eslint-plugin-react // 安装eslint-react 插件在配置文件中使用
extends: [eslint:recommended, plugin:react/recommended, plugin:react/jsx-runtime],
