VSCode eslint не использует локальную конфигурацию с vue3

Question

Я просто создаю новый проект Vue, используяnpm init vue@latest, у меня есть расширение eslint, установленное на VSCode, и из коробки оно выделяет множество ошибок (даже в .eslintrc.cjs), исходящих из шаблонного кода.

• Ошибки терминала
• .eslintrc.cjs
• package.json

Answer 1

не формирует конфигурацию Prettier, поэтому используются параметры Prettier по умолчанию. Я согласен, что обнаружение предупреждений о линтере в скаффолдовом коде вызывает удивление, и я сообщил об этой проблеме .

Обходной путь

Большинство предупреждений линтера касаются кавычек и точек с запятой .

Вы можете скопироватьcreate-vuePrettier config (т.е. создать<projectRoot>/.prettierrc) для согласования с кодовой базой:

      {
  "semi": false,
  "tabWidth": 2,
  "singleQuote": true,
  "printWidth": 100,
  "trailingComma": "none"
}

Затем либо перезапустите IDE, либо перезапустите его сервер ESLint, чтобы получить новую конфигурацию:

1. Откройте палитру команд в VS Code, нажав ⌘+ Pв macOS или ⊞ Win+ Pв Windows.
2. Входить>с последующимESLint: Restart ESLint Server.

Другие ошибки легко исправить, выполнив эту команду из терминала:

      npm run lint