typescript - Cum să faci ca Prettier să rupă toate tipurile union?

Vreau asta:

type SomeType = Variant1 | Variant2

să formatezi întotdeauna în acest fel:

type SomeType = | Variant1 | Variant2

Indiferent dacă depășește lățimea specificată a coloanei sau nu.

Răspuns #1

Dacă ai nevoie de acel grad de control asupra formatării, probabil că nu ești publicul țintă pentru Prettier, deoarece astfel de lucruri nu sunt configurabile intenționat în acesta. Vezi f

Citeste mai mult →

node.js - Suport pentru scripting ușor în TypeScript cu ESLint și Prettier

TypeScript/ESLint/Prettier au devenit uneltele mele preferate pentru tot felul de sarcini. Cu toate acestea, încă mă confrunt cu scripturi Nodejs mici care au doar câteva zeci de linii de cod. Pentru a scrie un script mic Nodejs cu o experiență confortabilă în IDE, am nevoie să:

  • Creează un package.json
  • Configurează tsconfig (compilare strictă)
  • Configurează ESLint
  • Configurează Prettier
  • Compilează în JavaScript dacă mă interesează performanța la pornir

    Citeste mai mult →

reactjs - Cum să fac ca autoformatter-ul Prettier din VScode să nu elimine virgulele din tipurile TypeScript după ce am adăugat React

Când salvez un fișier cu autoformatterul activat, tipul

type Params = { fileName: string, isTxt: boolean }

va fi salvat ca

type Params = { fileName: string isTxt: boolean }

Pe care Reac

Citeste mai mult →

reactjs - Cum să remediez eroarea de configurare eslint/prettier?

Am nevoie de ajutor. Încerc să configurez ifint. Dar văd erori doar în consolă, nu le văd în graficul de probleme și în editorul de cod

Am încercat să fac totul conform instrucțiunilor Airbnb de pe GitHub

Și, de asemenea, pentru a vedea aceste erori, trebuie să rulez comanda npm run lint

.eslintrc.js

Citeste mai mult →

typescript - WebStorm Reformat Code (Prettier) formatează la fel ca `prettier --write .`

Lucrez la o bază de cod (TS) unde prettier --write . ar trebui să fie rulat înainte de fiecare commit.

Totuși, folosesc acțiunea Reformat Code în WebStorm pentru a rula Prettier, ceea ce este mai convenabil. Folosind această acțiune, codul este de asemenea reformatat, de exemplu adăugând un ; lipsă la sfârșitul unei linii. Dar am descoperit că, de exemplu, liniile goale nu sunt eliminate. Însă când rulez prettier --write ., acele linii

Citeste mai mult →

typescript - spațiu-în-paranteze în .prettierrc

Vreau să am prettier ca space-in-parens din eslint.

De la :

function foo(one, two, three){

Către :

function foo( one, two, three ){

Am găsit acest thread (https://github.com/prettier/prettier/issues/1303) din 2017 pe GitHub, dar nu am reușit să găsesc soluția.

Ai vreo idee despre asta? Există vreo modalitate de a crea o regulă personalizată?

Mulțumesc mult anticipat

Citeste mai mult →

Cum să configurezi ESLint și Prettier pentru raportarea corectă a erorilor în proiectul TypeScript și Next.js

Folosesc TypeScript și Next.js. Am vrut să impun erori de formatare a codului, așa că am adăugat următoarea regulă în eslintrc.json:

"rules": { "prettier/prettier": "error" }

Dup

Citeste mai mult →

javascript - Este posibil să dezactivezi regula ESLint/Prettier care adaugă paranteze?

Dacă scriu:

const a = 1; const b = 1; const c = 1; const d = 1; const t = a * b * (c + d) / 100;

atunci unele reguli doresc să se schimbe în:

const t = (a * b * (c + d)) / 100; // ^ ^ unwanted parentheses

Nu vreau parantezele suplimentare, dar nu pot să-mi dau seama dacă este ESLint sau Prettier care le adaugă. .eslintrc-ul meu este adăugat mai jos:

{ "root": true, "

Citeste mai mult →

typescript - Cum să eviți ca Prettier din VsCode să rupă lanțurile de funcții cu funcții săgeată?

Lucrez cu VSCode și Prettier și când avem apeluri de funcții în lanț cu funcții săgeată în interior, ca un lanț lodash:

let total = _(credits).filter(c => c.active).sumBy(c => c.fee);

Prettier se sparge în:

discount = _(credits) .filter(c => c.active) .sumBy(c => c.fee);

Când folosim strings în loc de funcții săgeată, nu se sparge în mai multe linii, de exemplu:

let total = _(credits).fi

Citeste mai mult →

reactjs - Cum pot să dezactivez întreruperea de linie în prettier

Valoarea mea printWidth este 200 și se rupe de fiecare dată, de exemplu.

<Form.Item label="xxx"><Input /></Form.Item> <Form.Item label="yyy"><Select /></Form.Item> <Form.Item label="zzzz"><Input /></Form.Item>

Când rulez aces

Citeste mai mult →