Neden "cr" [daha güzel / daha güzel] 'i Silmeye devam ediyorum?

127

Prettier 1.7.2 ve Eslint 1.7.0 ile vscode kullanıyorum. Her yeni satırdan sonra:

[eslint] Delete 'cr' [prettier/prettier]

Bu .eslintrc.json dosyasıdır:

{
  "extends": ["airbnb", "plugin:prettier/recommended"],
  "env": {
    "jest": true,
    "browser": true
  },
  "rules": {
    "import/no-extraneous-dependencies": "off",
    "import/prefer-default-export": "off",
    "no-confusing-arrow": "off",
    "linebreak-style": "off",
    "arrow-parens": ["error", "as-needed"],
    "comma-dangle": [
      "error",
      {
        "arrays": "always-multiline",
        "objects": "always-multiline",
        "imports": "always-multiline",
        "exports": "always-multiline",
        "functions": "ignore"
      }
    ],
    "no-plusplus": "off"
  },
  "parser": "babel-eslint",
  "plugins": ["react"],
  "globals": {
    "browser": true,
    "$": true,
    "before": true,
    "document": true
  }
}

.prettierrcdosya:

{
  "printWidth": 80,
  "tabWidth": 2,
  "semi": true,
  "singleQuote": true,
  "trailingComma": "es5",
  "bracketSpacing": true,
  "jsxBracketSameLine": false,
}

Bu hatadan nasıl kurtulabilirim?

— Bier hier
kaynak

265

"endOfLine":"auto".Prettierrc dosyanızda (nesnenin içinde) ayarlamayı deneyin

Veya ayarlayın

"prettier/prettier": ["error", {
     ..
    "endOfLine":"auto"
     ..
  }],

eslintrc dosyasının kural nesnesi içinde.

Windows makinesi kullanıyorsanız, endOfLine git yapılandırmanıza bağlı olarak "crlf" olabilir.

— Vah Çalıştır
kaynak

18

.eslintrcDosyayı değiştirmek benim için çalıştı, ancak .prettierrcdosyayı değiştirmedi. Farkın neden veya ne olduğu hakkında hiçbir fikrim yok (OP'deki tüm etiketlerde yeniyim).

— Neo

3

Tahminime göre VS Code'da Prettier uzantısına ihtiyacınız olabilir. Güzel olan sadece bu senaryoda geçerli olacaktır.

— Vah Run

2

satır sonu sırasını benim CRLFiçin LFçalışmaktan Windows makinesinde değiştirmek

— Anup

4

Benim gibi bir acemi için, bu böyle yapılmalı. .eslintrc.jsonKök dizininizde mevcut olanı açın ( frontend). Değişikliklerden sonra aşağıdaki gibi görünecektir:

{   "extends": ["react-app", "prettier"],   "plugins": ["prettier"],   "rules": {     "prettier/prettier": ["error", { "endOfLine": "auto" }]   } }

— SimpleGuy

.Prettierrc dosyasına eklemek benim için çalıştı ve evet ben de uzantıya sahibim.

— Emmanuel Neni

176

bu ayarı VSCode'da değiştirin.

— xudong zhang
kaynak

11

Bu, sorunu çözecektir, ancak yalnızca CRLF ile başka bir kaynak dosya açana kadar. Yukarıdaki cevap daha etkilidir.

— BobHy

OMG ... Bu ... sıkıntının bir yıl sonra beni kurtardı

— kırmızıya kayma

Bu benim için çalıştı. Yapılandırma dosyalarını düzenlemek de dahil olmak üzere diğer yaklaşımları denedim, hiçbiri işe yaramadı.

— Amogh Sarpotdar

28

Windows makinemde, aşağıdaki kod parçacığını mevcut projemin dizininde rulesbulunan .eslintrc.jsdosya nesnesine ekleyerek çözdüm .

    'prettier/prettier': [
      'error',
      {
        endOfLine: 'auto',
      },
    ],

Bu benim Mac'imde de çalıştı

— Jake
kaynak

2

Bu blok kodunu ekliyorum. Kendim için pencerede çalıştım.

— Tien Nguyen

Harika! Bu benim için hem pencerelerde hem de

— mac'ta

5

Git + vscode + windows + vue kullanıyorum ve eslint belgesini okuduktan sonra: https://eslint.org/docs/rules/linebreak-style

Sonunda şu şekilde düzeltin:

eklemek *.js text eol=lfiçin.gitattributes

o zaman koş vue-cli-service lint --fix

— Waket Zheng
kaynak

0

Bunun eski olduğunu biliyorum ama sorunla az önce ekibimde karşılaştım (bazı mac, bazı linux, bazı pencereler, tümü vscode).

çözüm, vscode ayarlarında biten satırı ayarlamaktı:

.vscode/settings.json

{
    "files.eol": "\n",
}

https://qvault.io/2020/06/18/how-to-get-consistent-line-breaks-in-vs-code-lf-vs-crlf/

— Radu Luncasu
kaynak