在vue.config.js中试用eslint

要在Vue项目中使用ESLint，首先需要安装ESLint和相关插件。可以通过以下命令安装：

npm install eslint eslint-plugin-vue babel-eslint eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard --save-dev

安装完成后，在Vue项目根目录下创建一个`.eslintrc.js`文件，并设置ESLint的配置。例如，以下是一个简单的配置示例：

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    "plugin:vue/essential",
    "eslint:recommended",
    "@vue/prettier"
  ],
  parserOptions: {
    parser: "babel-eslint"
  },
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
  }
};

在`vue.config.js`中，可以使用`chainWebpack`方法将ESLint配置添加到Webpack配置中。例如，以下是一个简单的示例：

module.exports = {
  chainWebpack: config => {
    config.module
      .rule("eslint")
      .test(/\.(js|vue)$/)
      .enforce("pre")
      .use("eslint-loader")
      .loader("eslint-loader")
      .options({
        formatter: require("eslint-friendly-formatter"),
        emitWarning: true
      })
      .end();
  }
};

上面的代码将创建一个名为`eslint`的Webpack规则，并将其应用于JavaScript和Vue文件。`enforce("pre")`确保此规则在其他规则之前运行。`eslint-loader`将应用于规则，并使用`eslint-friendly-formatter`格式化输出。`emitWarning: true`将告诉Webpack在ESLint出现警告时继续构建。

完成上述配置后，运行`npm run lint`即可使用ESLint检查项目中的代码。