Удалить CR только для файлов TS/TSX - Prettier ESLint на VSCode 1.46
Я создал проект React, используя шаблон Typescript Create React Apps, добавил необходимые плагины для ESLint 6.8.0
и настроил ESLint и красивее вместе, но всякий раз, когда я редактирую .ts
или .tsx
файлы я получаю ошибку ESLint Delete
␍⏎␍⏎``
У меня в VSCode установлены расширения ESLint и Prettier.
Я проверил различные другие сообщения на SO и попробовал большинство из упомянутых настроек,
Я добавил это в свой .eslintrc.json
файл
"prettier/prettier": [
"error",
{
"endOfLine": "auto"
},
{ "usePrettierrc": true }
],
и вот мой .prettierrc
{
"trailingComma": "es5",
"tabWidth": 2,
"useTabs": true,
"semi": true,
"singleQuote": true,
"jsxBracketSameLine": false,
"printWidth": 80,
"endOfLine": "auto"
}
Но все же я получаю ошибку lint, когда создаю новую строку в файле.ts/.tsx
Я изменил все в настройках VSCode, чтобы использовать CRLF
(Я в Windows) с "files.eol": "\r\n",
Даже если я попробую с разными окончаниями строк, я получаю похожие ошибки.
Если я сделаю
"prettier/prettier": [
"error",
{
"endOfLine": "lf"
},
{ "usePrettierrc": true }
],
Если я установлю endOfLine : crlf
это та же ошибка, что и авто!
За то, что он стоит здесь, все мои .eslintrc.json
{
"env": {
"browser": true,
"es6": true,
"jest": true
},
"extends": [
"standard",
"plugin:react/recommended",
"plugin:@typescript-eslint/recommended",
"prettier/@typescript-eslint",
"plugin:prettier/recommended",
"plugin:jsx-a11y/recommended"
],
"globals": {
"Atomics": "readonly",
"SharedArrayBuffer": "readonly",
"__DEV__": "readonly"
},
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"project": "tsconfig.json",
"tsconfigRootDir": "."
},
"plugins": ["react", "react-hooks", "@typescript-eslint", "prettier"],
"rules": {
"camelcase": "off",
"no-unused-expressions": "off",
"react/prop-types": "off",
"react/jsx-one-expression-per-line": "off",
"react-hooks/rules-of-hooks": "error",
"react-hooks/exhaustive-deps": "warn",
"react/jsx-filename-extension": [
1,
{
"extensions": [".tsx"]
}
],
"@typescript-eslint/no-unused-vars": [
"error",
{
"argsIgnorePattern": "_"
}
],
"@typescript-eslint/explicit-function-return-type": [
"error",
{
"allowExpressions": true
}
],
// Remove after
"@typescript-eslint/no-empty-interface": "off",
"jsx-a11y/no-static-element-interactions": "off",
"jsx-a11y/click-events-have-key-events": "off",
"prettier/prettier": [
"error",
{
"endOfLine": "crlf"
},
{ "usePrettierrc": true }
],
// Remove After
"jsx-quotes": "warn",
"import/prefer-default-export": "off",
"import/extensions": [
"error",
"ignorePackages",
{
"ts": "never",
"tsx": "never"
}
]
},
"settings": {
"import/resolver": {
"typescript": {}
},
"react": {
"version": "detect"
}
}
}
2 ответа
Поскольку этот пост получает некоторый трафик, я решил это, добавив это правило в свою конфигурацию eslint.
rules: {
'prettier/prettier': ['off', { singleQuote: true }],
}
Ключевой частью здесь является
'off'
когда вы установите его на
'error'
по умолчанию эта ошибка появляется. Выключение отключает эту проверку.
Вы также можете изменить настройку кода VS для конца строки:
- нажмите F1
- выберите «Изменить последовательность конца строки»
- выберите «LF» вместо «CRLF»
и вуаля!