Как я могу заставить eslint/vscode-eslint прекратить linting .eslintrc?
проблема
У меня есть куча "Проблем" на панели ПРОБЛЕМ VS Code от eslint, жалующихся на различные проблемы JSON с моим .eslintrc
, Linting каталог за пределами кода VS не показывает мне .eslintrc
проблемы. мой .eslintrc
а также .eslintignore
файлы находятся в моем каталоге рабочего пространства (там же, где и мой .vscode
каталог.
Вещи, которые я пробовал
Я попытался добавить следующие записи в мой .eslintignore
файл:
**/.*
**/.eslintrc
.eslintrc
./.eslintrc
Но ни один из них не удерживает VS Code от отображения ошибок как в редакторе файлов, так и на панели ПРОБЛЕМЫ.
Я добавил .eslintrc
к параметру исключения файлов в VS Code, а затем активировал фильтр исключенных файлов на панели ПРОБЛЕМЫ, но я не хочу скрывать файл с панели EXPLORER.
Вопрос
Как я могу заставить VS Code/ESLint/vscode-eslint/ виновник игнорировать мой .eslintrc
во время работы внутри VS Code?
.eslintrc
{
extends: 'airbnb',
parser: 'babel-eslint',
plugins: [
'react',
'jest',
],
env: {
browser: true,
node: true,
es6: true,
jest/globals: true,
},
globals: {
LOGGING_ENDPOINT: false,
$: false,
beautify: false,
testContext: false,
page: false,
},
settings: {
react: {
pragma: 'h',
},
},
rules: {
import/no-extraneous-dependencies: 'off',
import/no-unresolved: ['error', { ignore: ['^react$', '^react-dom$'] }],
import/extensions: 'off',
react/react-in-jsx-scope: 'off',
no-underscore-dangle: 'off',
react/no-danger: 'off',
no-unused-vars: ['error', { varsIgnorePattern: 'React' }],
react/require-default-props: 'off',
function-paren-newline: 'off',
import/no-named-as-default: 'off',
object-curly-newline: 'off',
jest/no-focused-tests: 'error',
},
}
Спасибо!
Решение
Проблема заключалась в том, что мой .eslintrc
был в странном формате JSON-esque и, пока ESLint читал его отлично, VS Code рассказывал мне обо всех проблемах. Как только я правильно отформатировал его как JSON, VS Code перестал жаловаться.
1 ответ
Я думаю, что ваша проблема больше связана с VS Code, чем с ESLint.
.eslintrc
Файл используется для установки правил и настроек для ESLint.
Вы можете открыть свои Пользовательские настройки кода VS или Настройки рабочего пространства (Ctrl+Shift+P > Настройки: Открыть пользовательские настройки) и добавить некоторые правила, чтобы VS Code мог игнорировать некоторые файлы, например
"eslint.options": {
"extensions": [".js", ".jsx"]
},
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
],
Подробнее о расширении vscode-eslint.
Кроме того, если вы хотите добавить автофикс при сохранении файлов, вы можете добавить следующее в ваши настройки пользователя / рабочего пространства:
"files.autoSave": "off",
"editor.formatOnSave": true,
"eslint.autoFixOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll": true,
"source.organizeImports": true
},