什么是javascript代码规范_ESLint如何配置？

JavaScript代码规范是通过ESLint等工具落地的工程实践，非语法强制；ESLint可自动检查潜在bug与风格问题，支持环境配置、规则继承、解析器与插件协同，并集成至编辑器、Git钩子及CI流程。

JavaScript 代码规范是团队协作中统一代码风格、提升可读性与可维护性的约定，不是语法强制要求，而是通过工具（如 ESLint）落地执行的工程实践。ESLint 是目前最主流的 JavaScript/TypeScript 代码检查工具，它不只查语法错误，更关注潜在 bug、不一致写法和不良习惯。

为什么需要 ESLint 而不只是靠人盯？

人工 Code Review 难以覆盖缩进、分号、变量命名、未使用变量等细节，容易疲劳遗漏；而 ESLint 可在编辑器实时提示、提交前自动拦截，把“风格讨论”变成“自动修复”。它本身不规定规则，靠配置驱动——你选什么规则、怎么配，决定了代码长什么样。

核心配置方式：从 .eslintrc.js 开始

项目根目录下新建 .eslintrc.js，这是最灵活的配置形式（支持 JS 逻辑，可动态判断环境）。基础结构如下：

module.exports = {
  env: {
    browser: true,
    es2021: true,
    node: true
  },
  extends: [
    'eslint:recommended',
    'plugin:react/recommended',
    'plugin:@typescript-eslint/recommended'
  ],
  parser: '@typescript-eslint/parser',
  plugins: ['react', '@typescript-eslint'],
  rules: {
    'no-console': 'warn',
    'no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
    indent: ['error', 2],
    quotes: ['error', 'single']
  }
};

立即学习“Java免费学习笔记（深入）”；

标签： vue react javascript java js git node typescript github 浏览器