it-swarm.com.de

So deaktivieren Sie die maximale Zeilenlänge der Eslint-Regel für einen Absatz in <template> von vue.js

Ich benutze airbnb eslint und erhalte momentan einen Fehler:

fehler: Zeile 6 überschreitet die maximale Zeilenlänge von 100 (max-len) bei Pfad/zu/Datei.vue: 6: 1:

<template lang="pug">
  div
    .container
      .row
        .col-xl-10.mx-auto
          p Please let us know how you got here, and use the header buttons to navigate back to safe harbor.
</template>

Gibt es eine Möglichkeit, Flusen für Absatztext wie oben zu deaktivieren?
Wie kann man die Leitungslänge von 100 auf 120 erhöhen?

5
Syed

Für eslint-plugin-vue> = 4.1.0 können Sie Direktivekommentare verwenden, um eslint zu deaktivieren.

https://github.com/vuejs/eslint-plugin-vue/commit/ad84e0ba6d81f24583e65fc70b1d9803d73d3ed9

<template>
  <!-- eslint-disable-next-line vue/max-attributes-per-line -->
  <div a="1" b="2" c="3" d="4">
  </div>
</template>
2
Erty Seidohl

AFAIK: Es gibt keine Möglichkeit, Eslint-Regeln auf die Vorlage und speziell auf eine Zeile in einer Vorlage anzuwenden. Ich hoffe, dass ich mich als falsch erwiesen habe.

da ich jedoch eine Datei mit viel Text habe, habe ich diese Regel 'max-len': ["error", { "code": 120 }], in meine .eslintrc.js-Datei eingefügt.

hier ist die Struktur (mit anderen Einstellungen entfernt)

module.exports {
  rules: {
    'max-len': ["error", { "code": 120 }]
  }
}
8
Daniel

Dadurch wird die Regel für das gesamte Vorlagen-Tag deaktiviert. Offizielle ES Lint-Dokumente zu Deaktivierungsregeln

<template>
  <!-- eslint-disable max-len -->
  ...

BEARBEITEN: Wenn Sie stattdessen die Zeilenlängenregel für alle .vue-Dateien deaktivieren möchten, fügen Sie diese zu .eslintrc.js hinzu (dadurch wird auch die Regel für die Tags <script> und <style> deaktiviert):

module.exports = {
  ...
  overrides: [
    {
      files: ["*.vue"],
      rules: {
        ...
        'max-len': 'off' // disables line length check
      }
    }
  ]
};
5
gedijedi

Sie können dies zu Ihren ESLint-Regeln hinzufügen:

rules: {
  "vue/max-attributes-per-line": "off"
}

Das hat für mich funktioniert (auch wenn ich es lieber für meine Projekte aufgesetzt habe).
Weitere Informationen finden Sie hier wenn Sie möchten.

0
Begueradj