typescript - Hogyan lehet a Prettierrel az összes uniótípust megtörni?

Ezt akarom:

type SomeType = Variant1 | Variant2

mindig ebbe a formátumba alakítani:

type SomeType = | Variant1 | Variant2

Nem számít, hogy túlcsordul-e a megadott oszlopszélességen vagy sem.

Válasz #1

Ha szükséged van az ilyen mértékű irányításra a formázás felett, valószínűleg nem a Prettier célközönsége vagy, mert az ilyen dolgok szándékosan nem konfigurálhatók benne. Lásd a Prettier

További információ →

node.js - TypeScript könnyűsúlyú szkriptnyújtás ESLint és Prettier támogatással

A TypeScript/ESLint/Prettier mindenféle feladathoz a kedvenc eszközeimmé váltak. Azonban továbbra is küzdök a kis Nodejs-scriptekkel, amelyek mindössze néhány tucat sorból állnak. Ahhoz, hogy egy kis Nodejs-scriptet kényelmes IDE-élménnyel írjak, szükségem van arra, hogy:

• Hozz létre egy package.json-t
• A tsconfig beállítása (szigorú fordítás)
• ESLint beállítása
• Prettier konfigurálása
• Fordítsd le JavaScriptre, ha érdekel a indulási teljesítmény (lásd al
  További információ →

reactjs - Hogyan lehet a VScode-ban a Prettier automatikus formázót úgy beállítani, hogy ne távolítsa el a vesszőket a TypeScript típusokból, miután hozzáadtam a Reactet

Amikor mentek egy fájlt az automatikus formázó bekapcsolva, a típus

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

mentve lesz mint

type Params = { fileName: string isTxt: boolean }

További információ →

reactjs - Hogyan lehet kijavítani az eslint/prettier konfigurációs beállítási hibát?

Segítségre van szükségem. Próbálom beállítani az ifint. De csak a konzolon látok hibákat, a problémák gráfjában és a kód szerkesztőben nem látom őket

Megpróbáltam mindent az Airbnb utasításai szerint csinálni a GitHubon

És ezeknek a hibáknak a megtekintéséhez is futtatnom kell a parancsot: npm run lint

További információ →

typescript - A WebStorm Kód újraformázása (Prettier) ugyanúgy formáz, mint a `prettier --write .`

Egy olyan kódbázison (TS) dolgozom, ahol a prettier --write . parancsot minden commit előtt futtatni kell.

Azonban én a WebStormban a Reformat Code műveletet használom a Prettier futtatásához, ami kényelmesebb. Ezzel a művelettel a kód is újraformázódik, például hiányzó ; kerül a sor végére. De rájöttem, hogy például az üres sorok nincsenek eltávolítva. De amikor lefuttatom a prettier --write . parancsot, akkor az üres sorok el lesznek

További információ →

typescript - space-in-parens a .prettierrc fájlban

Azt szeretném, ha a prettier rendelkezne az eslint space-in-parens funkciójával.

Feladó :

function foo(one, two, three){

Címzett :

function foo( one, two, three ){

Megtaláltam ezt a szálat (https://github.com/prettier/prettier/issues/1303) 2017-ből a Githubon, de nem találom a megoldást.

Van valami ötleted ezzel kapcsolatban? Van mód egy egyedi szabály létrehozására?

Előre is nagyon köszönöm

További információ →

Hogyan konfiguráljuk az ESLint-et és a Prettier-t a helyes hibajelentéshez TypeScript és Next.js projektben

TypeScript-et és Next.js-t használok. Szerettem volna érvényesíteni a kódformázási hibákat, ezért hozzáadtam a következő szabályt a eslintrc.json-hez:

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

További információ →

javascript - Lehetséges letiltani az ESLint/Prettier szabályt, amely hozzáadja a zárójeleket?

Ha azt írom:

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

akkor néhány szabály meg akar változni:

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

Nem akarom a felesleges zárójeleket, de nem tudom kideríteni, hogy az ESLint vagy a Prettier adja-e hozzá őket. Az alábbiakban hozzáadott .eslintrc-m:

{ "root": true, "

További információ →

typescript - Hogyan lehet elkerülni, hogy a VsCode Prettier feldarabolja a láncolt függvényeket nyílfüggvényekkel?

A VSCode-dal és a Prettier-rel dolgozom, és amikor láncolt függvényhívások vannak arrow függvényekkel belül, mint egy lodash lánc esetén:

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

A Prettier erre bomlik:

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

Amikor a strings-et használjuk nyílfüggvények helyett, az nem törik több sorra, például:

let total

További információ →

reactjs - Hogyan tilthatom le a sortörést a Prettierben

Az én printWidth értékem 200, és például minden alkalommal megtörik.

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

Amikor ezt a kódrés

További információ →