使用eslint esversion 6 - Javascript

ESLint是一个用于静态代码分析的工具，可以帮助开发者检查出代码中一些潜在的错误和不合规范之处。其中一个常见的使用场景就是校验代码中不符合ECMAScript版本的使用。

安装ESLint

安装ESLint可以选择全局安装或者局部安装，推荐选择局部安装，这样避免造成全局命名冲突问题。

# 局部安装
npm install eslint --save-dev

# 全局安装
npm install -g eslint

配置ESLint

配置文件用于告诉ESLint需要校验哪些文件或者文件夹，以及在校验过程中需要使用哪些规则进行检查。ESLint配置文件有两种格式：JSON格式和JavaScript文件格式。以下为JavaScript文件格式的示例：

module.exports = {
  env: {
    browser: true,
    es6: true,
  },
  extends: 'eslint:recommended',
  parserOptions: {
    ecmaVersion: 6,
    sourceType: 'module',
  },
  rules: {
    indent: ['error', 2],
    'linebreak-style': ['error', 'unix'],
    quotes: ['error', 'single'],
    semi: ['error', 'always'],
  },
};

在上述配置文件中，我们指定了运行环境为浏览器和ECMAScript6，并且使用了ESLint推荐的规则集进行校验。

通过规则parserOptions中的ecmaVersion属性可指定当前脚本的ECMAScript版本，例如我们可以将其指定为6。

使用

在用 eslint 对代码校验时，我们可通过--env参数来指定当前脚本所在的执行环境，即可校验符合ECMAScript6版本的语法。

npx eslint main.js --env es6

对于一些常用的配置选项，我们也可以直接在package.json文件中进行配置：

"eslintConfig": {
    "env": {
      "browser": true,
      "es6": true
   },
   "parserOptions": {
      "ecmaVersion": 6,
      "sourceType": "module"
   },
   "rules": {
       "indent": ["error", 2],
       "linebreak-style": ["error", "unix"],
       "quotes": ["error", "single"],
       "semi": ["error", "always"]
   }
},

配置完毕后，我们可以直接运行以下命令进行eslint校验：

npx eslint main.js

结论

在开发中使用ESLint可以帮助我们尽早发现代码问题，规范代码风格，提升代码质量和可维护性，而通过使用eslint-config-airbnb-base规则模板，我们可以进行更深入的规范和检查。使用ESLint是一个非常好的编程习惯，也是提高开发效率和代码质量的一种实用方法。