适用于vue2的.eslintrc.js

以下是一个适用于 Vue2 项目的 .eslintrc.js 文件的示例配置：

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

这个配置文件使用了 Vue 官方推荐的 eslint-plugin-vue 插件，以及 @vue/standard 的规则集合。同时，还配置了两个规则：不允许在生产环境中使用 console 和 debugger。你可以根据自己的需求进行修改。

相关问题

vue项目在vscode里如何根据配置的.eslintrc.js文件格式化文档

要在 VSCode 中根据配置的 .eslintrc.js 文件格式化文档，可以按照以下步骤进行操作：

1. 确保已安装并启用了 ESLint 插件。在 VSCode 中按下 Ctrl+Shift+X 进入插件管理界面，搜索 "ESLint" 并安装。

2. 在项目根目录下创建 .vscode/settings.json 文件，并添加以下配置：

{
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

3. 在 VSCode 中打开需要格式化的 Vue 文件，点击编辑器右下角的 "ESLint" 图标，可以看到是否有 ESLint 错误。如果有，可以根据错误提示修复代码。

4. 在编辑器中按下 Ctrl+S 或者 Command+S（MacOS）保存文件，此时代码将被自动格式化。

需要注意的是，以上步骤仅适用于在 Vue 项目中使用 ESLint 进行代码风格检查和格式化的情况。如果项目使用的是其它格式化工具，需要根据不同的工具配置相应的 VSCode 插件和设置。

我的项目中没有.eslinstrc.js

如果你的项目中没有 `.eslintrc.js` 文件，那么你可能没有使用 ESLint 进行代码规范检查。在这种情况下，你无需关闭命名规则校验，因为它并不适用于你的项目。

在 Vue 3.0 项目中，默认情况下，没有启用 `vue/multi-word-component-names` 规则进行命名规则校验。因此，你可以按照你自己的喜好来命名组件。

你可以将组件文件命名为 `Login.vue`，并将其放置在适当的目录中，比如 `src/components` 或者 `src/views` 目录下，具体取决于你的项目结构和组织方式。

请记住，在进行组件命名时，遵循一致的命名约定和最佳实践是一个好习惯。使用有意义且描述性的组件名可以增加代码的可读性和维护性。

如果你在未来决定使用 ESLint 进行代码规范检查，并启用了 `vue/multi-word-component-names` 规则，那么你可以按照我之前提供的方法，在 `.eslintrc.js` 文件中添加相应的规则来关闭命名规则校验。

希望对你有所帮助。如果还有其他问题，请随时提问。