vue2 项目中配置eslint

在 Vue2 项目中，配置 ESLint 需要遵循以下步骤：

1. 安装 eslint：在项目根目录下运行以下命令：

npm install eslint --save-dev

2. 安装 eslint-config-airbnb-base：这是一个针对 JavaScript 的 ESLint 规则集，运行以下命令进行安装：

npm install eslint-config-airbnb-base --save-dev

3. 在项目根目录下创建一个 .eslintrc.js 文件，并添加以下内容：

module.exports = {
  extends: 'airbnb-base',
  rules: {
    // 在这里添加项目需要的自定义规则
  },
};

4. 在 package.json 文件中添加一个 lint 命令，以便可以通过运行 npm run lint 来检查代码：

"scripts": {
  "lint": "eslint --ext .js,.vue src"
},

以上步骤完成后，你就可以使用 ESLint 来检查你的 Vue2 项目中的 JavaScript 和 Vue 组件代码了。

相关问题

vue3项目中配置eslint

在 Vue3 项目中，配置 ESLint 需要遵循以下步骤：

1. 安装 eslint：在项目根目录下运行以下命令：

npm install eslint --save-dev

2. 安装 eslint-plugin-vue：这是一个 ESLint 插件，用于检查 Vue 组件代码，运行以下命令进行安装：

npm install eslint-plugin-vue --save-dev

3. 在项目根目录下创建一个 .eslintrc.js 文件，并添加以下内容：

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
  ],
  parserOptions: {
    parser: 'babel-eslint',
  },
  rules: {
    // 在这里添加项目需要的自定义规则
  },
};

4. 在 package.json 文件中添加一个 lint 命令，以便可以通过运行 npm run lint 来检查代码：

"scripts": {
  "lint": "eslint --ext .js,.vue src"
},

以上步骤完成后，你就可以使用 ESLint 来检查你的 Vue3 项目中的 JavaScript 和 Vue 组件代码了。在 `.eslintrc.js` 文件中，我们使用了 `plugin:vue/vue3-essential` 来继承 Vue3 的基本规则集，同时也继承了 ESLint 推荐的规则集。你也可以根据项目需要添加自定义规则。

vue3项目中让eslint不再强制要求组件命名规则该怎么配置

在 Vue3 项目中，可以通过配置`.eslintrc.js`文件来禁用 ESLint 的组件命名规则。

具体做法如下：

1. 打开项目根目录下的`.eslintrc.js`文件；

2. 找到`rules`属性，添加以下规则：

"vue/component-name-in-template-casing": ["error", "PascalCase", {
  "registeredComponentsOnly": false,
  "ignores": []
}]

其中，`"vue/component-name-in-template-casing"`规则用于检测组件在模板中的命名规则，`"PascalCase"`表示组件名采用大驼峰命名法，`"registeredComponentsOnly": false`表示不仅检测已注册的组件，还检测未注册的组件，`"ignores": []`表示不忽略任何组件。

3. 保存修改后的`.eslintrc.js`文件，重新运行 ESLint 即可。

这样配置后，ESLint 就不再强制要求组件采用大驼峰命名法了。