Ignorera kod

Inofficiell Beta-översättning

Denna sida har översatts av PageTurner AI (beta). Inte officiellt godkänd av projektet. Hittade du ett fel? Rapportera problem →

Använd .prettierignore för att helt ignorera (dvs. inte formatera om) vissa filer och mappar.

Använd ”prettier-ignore”-kommentarer för att ignorera delar av filer.

Ignorera filer: .prettierignore

För att exkludera filer från formatering, skapa en .prettierignore-fil i projektets rot. .prettierignore använder gitignore-syntax.

Exempel:

# Ignore artifacts:
build
coverage

# Ignore all HTML files:
**/*.html

Det rekommenderas att ha en .prettierignore i ditt projekt! På så sätt kan du köra prettier --write . för att säkerställa att allt är formaterat (utan att förstöra filer du inte vill ändra, eller fastna på genererade filer). Dessutom – din editor kommer att veta vilka filer som inte ska formateras!

Som standard ignorerar Prettier filer i versionshanteringssystemkataloger (".git", ".jj", ".sl", ".svn" och ".hg") samt node_modules (om inte --with-node-modules CLI-flaggan anges). Prettier följer också regler i ".gitignore"-filer om de finns i samma katalog där kommandot körs.

Så som standard blir det:

**/.git
**/.svn
**/.hg
**/node_modules

och

**/.git
**/.svn
**/.hg

om --with-node-modules CLI-flaggan anges

(Se även --ignore-path CLI-flaggan.)

JavaScript

En JavaScript-kommentar med // prettier-ignore exkluderar nästa nod i det abstrakta syntaxträdet från formatering.

Exempel:

matrix(
  1, 0, 0,
  0, 1, 0,
  0, 0, 1,
);

// prettier-ignore
matrix(
  1, 0, 0,
  0, 1, 0,
  0, 0, 1,
);

kommer att omvandlas till:

matrix(1, 0, 0, 0, 1, 0, 0, 0, 1);

// prettier-ignore
matrix(
  1, 0, 0,
  0, 1, 0,
  0, 0, 1,
);

JSX

<div>
  {/* prettier-ignore */}
  <span     ugly  format=''   />
</div>

HTML

<!-- prettier-ignore -->
<div         class="x"       >hello world</div            >

<!-- prettier-ignore-attribute -->
<div
  (mousedown)="       onStart    (    )         "
  (mouseup)="         onEnd      (    )         "
></div>

<!-- prettier-ignore-attribute (mouseup) -->
<div
  (mousedown)="onStart()"
  (mouseup)="         onEnd      (    )         "
></div>

CSS

/* prettier-ignore */
.my    ugly rule
{

}

Markdown

<!-- prettier-ignore -->
Do   not    format   this

Intervallignorering

tillgänglig från v1.12.0+

Denna ignoreringsmetod får endast användas på toppnivå och är avsedd för automatiskt genererat innehåll, t.ex. all-contributors, markdown-toc, etc.

<!-- prettier-ignore-start -->
<!-- SOMETHING AUTO-GENERATED BY TOOLS - START -->

| MY | AWESOME | AUTO-GENERATED | TABLE |
|-|-|-|-|
| a | b | c | d |

<!-- SOMETHING AUTO-GENERATED BY TOOLS - END -->
<!-- prettier-ignore-end -->

Viktigt: Du måste ha en tom rad före <!-- prettier-ignore-start --> och <!-- prettier-ignore-end --> för att Prettier ska känna igen kommentarerna.

YAML

För att ignorera en del av en YAML-fil, placera # prettier-ignore på raden direkt ovanför den ignorerade noden:

# prettier-ignore
key  : value
hello: world

GraphQL

{
  # prettier-ignore
  addReaction(input:{superLongInputFieldName:"MDU6SXNzdWUyMzEzOTE1NTE=",content:HOORAY}) {
    reaction {content}
  }
}

Handlebars

{{! prettier-ignore }}
<div>
  "hello! my parent was ignored"
  {{#my-crazy-component     "shall"     be="preserved"}}
    <This
      is  =  "also preserved as is"
    />
  {{/my-crazy-component}}
</div>

Kommandoradsfilmönster

För engångskommandon, när du vill exkludera filer utan att lägga till dem i .prettierignore, kan negativa mönster vara användbara:

prettier . "!**/*.{js,jsx,vue}" --write

Se fast-glob för mer information om avancerad glob-syntax.