CINXE.COM

<!doctype html><html lang=en dir=ltr class="plugin-pages plugin-id-default" data-has-hydrated=false><meta charset=UTF-8><meta name=generator content="Docusaurus v3.7.0"><title data-rh=true>Prettier 路 Opinionated Code Formatter 路 Prettier</title><meta data-rh=true name=viewport content="width=device-width, initial-scale=1.0"><meta data-rh=true name=twitter:card content=summary_large_image><meta data-rh=true property=og:image content=https://prettier.io/icon.png><meta data-rh=true name=twitter:image content=https://prettier.io/icon.png><meta data-rh=true property=og:url content=https://prettier.io/><meta data-rh=true property=og:locale content=en><meta data-rh=true name=docusaurus_locale content=en><meta data-rh=true name=docusaurus_tag content=default><meta data-rh=true name=docsearch:language content=en><meta data-rh=true name=docsearch:docusaurus_tag content=default><meta data-rh=true property=og:title content="Prettier 路 Opinionated Code Formatter 路 Prettier"><meta data-rh=true name=description content="Opinionated Code Formatter"><meta data-rh=true property=og:description content="Opinionated Code Formatter"><link data-rh=true rel=icon href=/icon.png><link data-rh=true rel=canonical href=https://prettier.io/><link data-rh=true rel=alternate href=https://prettier.io/ hreflang=en><link data-rh=true rel=alternate href=https://prettier.io/ hreflang=x-default><link data-rh=true rel=preconnect href=https://OHFQ1H5TQS-dsn.algolia.net crossorigin=anonymous><script data-rh=true>document.addEventListener("DOMContentLoaded",function(){void 0===window.docusaurus&&insertBanner()});function insertBanner(){var n=document.createElement("div");n.id="__docusaurus-base-url-issue-banner-container",n.innerHTML='\n<div id="__docusaurus-base-url-issue-banner" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">/</span> (default value)</p>\n <p>We suggest trying baseUrl = <span id="__docusaurus-base-url-issue-banner-suggestion-container" style="font-weight: bold; color: green;"></span></p>\n</div>\n',document.body.prepend(n);var e=document.getElementById("__docusaurus-base-url-issue-banner-suggestion-container"),s=window.location.pathname;e.innerHTML="/"===s.substr(-1)?s:s+"/"}</script><link rel=alternate type=application/rss+xml href=/blog/rss.xml title="Prettier RSS Feed"><link rel=alternate type=application/atom+xml href=/blog/atom.xml title="Prettier Atom Feed"><link rel=preconnect href=https://www.google-analytics.com><link rel=preconnect href=https://www.googletagmanager.com><script async src="https://www.googletagmanager.com/gtag/js?id=G-T57CP1SG02"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-T57CP1SG02",{anonymize_ip:!0})</script><link rel=search type=application/opensearchdescription+xml title=Prettier href=/opensearch.xml><link rel=stylesheet href=https://unpkg.com/@sandhose/prettier-animated-logo@1.0.3/dist/wide.css><link rel=stylesheet href=/assets/css/styles.df38a53a.css><script src=/assets/js/runtime~main.48494726.js defer></script><script src=/assets/js/main.b6e07ab2.js defer></script><body class=navigation-with-keyboard><script>!function(){var t,e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t=null!==e?e:window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":(window.matchMedia("(prefers-color-scheme: light)").matches,"light"),document.documentElement.setAttribute("data-theme",t)}(),function(){try{for(var[t,e]of new URLSearchParams(window.location.search).entries())if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id=__docusaurus><div class=home><div role=region aria-label="Skip to main content"><a class=skipToContent_fXgn href=#__docusaurus_skipToContent_fallback>Skip to main content</a></div><nav aria-label=Main class="navbar navbar--fixed-top navbar--dark"><div class=navbar__inner><div class=navbar__items><button aria-label="Toggle navigation bar" aria-expanded=false class="navbar__toggle clean-btn" type=button><svg width=30 height=30 viewBox="0 0 30 30" aria-hidden=true><path stroke=currentColor stroke-linecap=round stroke-miterlimit=10 stroke-width=2 d="M4 7h22M4 15h22M4 23h22"/></svg></button><a class=navbar__brand href=/><div class=navbar__logo><img src=/icon.png alt="" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src=/icon.png alt="" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div><b class="navbar__title text--truncate">Prettier</b></a><div class="navbar__item dropdown dropdown--hoverable"><a class=navbar__link aria-haspopup=true aria-expanded=false role=button href=/docs/>stable</a><ul class=dropdown__menu><li><a class=dropdown__link href=/docs/next/>next</a><li><a class=dropdown__link href=/docs/>stable</a></ul></div></div><div class="navbar__items navbar__items--right"><a href=/playground/ target=_self rel="noopener noreferrer" class="navbar__item navbar__link">Playground<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><a class="navbar__item navbar__link" href=/docs/>Docs</a><a class="navbar__item navbar__link" href=/blog>Blog</a><a href=https://opencollective.com/prettier target=_blank rel="noopener noreferrer" class="navbar__item navbar__link">Donate<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><a href=https://github.com/prettier/prettier target=_blank rel="noopener noreferrer" class="navbar__item navbar__link header-github-link" aria-label="GitHub repository"></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS darkNavbarColorModeToggle_X3D1" type=button disabled title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live=polite aria-pressed=false><svg viewBox="0 0 24 24" width=24 height=24 class=lightToggleIcon_pyhR><path fill=currentColor d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"/></svg><svg viewBox="0 0 24 24" width=24 height=24 class=darkToggleIcon_wfgR><path fill=currentColor d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"/></svg></button></div><div class=navbarSearchContainer_Bca1><button type=button class="DocSearch DocSearch-Button" aria-label="Search (Command+K)"><span class=DocSearch-Button-Container><svg width=20 height=20 class=DocSearch-Search-Icon viewBox="0 0 20 20" aria-hidden=true><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke=currentColor fill=none fill-rule=evenodd stroke-linecap=round stroke-linejoin=round /></svg><span class=DocSearch-Button-Placeholder>Search</span></span><span class=DocSearch-Button-Keys></span></button></div></div></div><div role=presentation class=navbar-sidebar__backdrop></div></nav><div id=__docusaurus_skipToContent_fallback class="main-wrapper mainWrapper_z2l0"><header class="hero hero--dark heroBanner_qdFl"><a href="https://tidelift.com/subscription/pkg/npm-prettier?utm_source=npm-prettier&utm_medium=referral&utm_campaign=website" target=_blank rel="noopener noreferrer" class=tidelift_E6gH>PRETTIER FOR ENTERPRISE</a><div class=container><div class=logoWrapperContainer_ydh2><div class=logoWrapper_lGCO draggable=true><svg height=250 width=690 class="prettier-logo-wide " viewBox="0 0 690 250" xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink version=1.1><g class=l0><path d="m 5 5 l 670 0" class="dash p0 c0"/><path d="m 5 5 l 670 0" class="dash p1 c0"/><path d="m 5 5 l 670 0" class="dash p2 c0"/><path d="m 5 5 l 670 0" class="dash p3 c0"/><path d="m 5 5 l 670 0" class="dash p4 c0"/><path d="m 5 5 l 670 0" class="dash p5 c0"/></g><g class=l1><path d="m 5 25 l 670 0" class="dash p0 c0"/><path d="m 5 25 l 670 0" class="dash p1 c0"/><path d="m 5 25 l 670 0" class="dash p2 c0"/><path d="m 5 25 l 670 0" class="dash p3 c1"/><path d="m 5 25 l 670 0" class="dash p4 c0"/><path d="m 5 25 l 670 0" class="dash p5 c0"/><path d="m 5 25 l 670 0" class="dash p6 c0"/></g><g class=l2><path d="m 5 45 l 670 0" class="dash p0 c0"/><path d="m 5 45 l 670 0" class="dash p1 c0"/><path d="m 5 45 l 670 0" class="dash p2 c3"/><path d="m 5 45 l 670 0" class="dash p3 c2"/><path d="m 5 45 l 670 0" class="dash p4 c0"/><path d="m 5 45 l 670 0" class="dash p5 c0"/><path d="m 5 45 l 670 0" class="dash p6 c0"/></g><g class=l3><path d="m 5 65 l 670 0" class="dash p0 c0"/><path d="m 5 65 l 670 0" class="dash p1 c0"/><path d="m 5 65 l 670 0" class="dash p2 c1"/><path d="m 5 65 l 670 0" class="dash p3 c4"/><path d="m 5 65 l 670 0" class="dash p4 c1"/><path d="m 5 65 l 670 0" class="dash p5 c0"/><path d="m 5 65 l 670 0" class="dash p6 c0"/><path d="m 5 65 l 670 0" class="dash p7 c0"/></g><g class=l4><path d="m 5 85 l 670 0" class="dash p0 c0"/><path d="m 5 85 l 670 0" class="dash p1 c0"/><path d="m 5 85 l 670 0" class="dash p2 c2"/><path d="m 5 85 l 670 0" class="dash p3 c0"/><path d="m 5 85 l 670 0" class="dash p4 c3"/><path d="m 5 85 l 670 0" class="dash p5 c0"/><path d="m 5 85 l 670 0" class="dash p6 c0"/><path d="m 5 85 l 670 0" class="dash p7 c0"/><path d="m 5 85 l 670 0" class="dash p8 c0"/></g><g class=l5><path d="m 5 105 l 670 0" class="dash p0 c0"/><path d="m 5 105 l 670 0" class="dash p1 c3"/><path d="m 5 105 l 670 0" class="dash p2 c0"/><path d="m 5 105 l 670 0" class="dash p3 c4"/><path d="m 5 105 l 670 0" class="dash p4 c0"/><path d="m 5 105 l 670 0" class="dash p5 c0"/></g><g class=l6><path d="m 5 125 l 670 0" class="dash p0 c0"/><path d="m 5 125 l 670 0" class="dash p1 c0"/><path d="m 5 125 l 670 0" class="dash p2 c0"/><path d="m 5 125 l 670 0" class="dash p3 c1"/><path d="m 5 125 l 670 0" class="dash p4 c3"/><path d="m 5 125 l 670 0" class="dash p5 c2"/><path d="m 5 125 l 670 0" class="dash p6 c0"/><path d="m 5 125 l 670 0" class="dash p7 c0"/><path d="m 5 125 l 670 0" class="dash p8 c0"/></g><g class=l7><path d="m 5 145 l 670 0" class="dash p0 c0"/><path d="m 5 145 l 670 0" class="dash p1 c0"/><path d="m 5 145 l 670 0" class="dash p2 c4"/><path d="m 5 145 l 670 0" class="dash p3 c2"/><path d="m 5 145 l 670 0" class="dash p4 c1"/><path d="m 5 145 l 670 0" class="dash p5 c0"/><path d="m 5 145 l 670 0" class="dash p6 c0"/><path d="m 5 145 l 670 0" class="dash p7 c0"/></g><g class=l8><path d="m 5 165 l 670 0" class="dash p0 c0"/><path d="m 5 165 l 670 0" class="dash p1 c0"/><path d="m 5 165 l 670 0" class="dash p2 c0"/><path d="m 5 165 l 670 0" class="dash p3 c3"/><path d="m 5 165 l 670 0" class="dash p4 c4"/><path d="m 5 165 l 670 0" class="dash p5 c0"/><path d="m 5 165 l 670 0" class="dash p6 c0"/></g><g class=l9><path d="m 5 185 l 670 0" class="dash p0 c0"/><path d="m 5 185 l 670 0" class="dash p1 c0"/><path d="m 5 185 l 670 0" class="dash p2 c0"/><path d="m 5 185 l 670 0" class="dash p3 c4"/><path d="m 5 185 l 670 0" class="dash p4 c0"/><path d="m 5 185 l 670 0" class="dash p5 c0"/></g><g class=l10><path d="m 5 205 l 670 0" class="dash p0 c0"/><path d="m 5 205 l 670 0" class="dash p1 c0"/><path d="m 5 205 l 670 0" class="dash p2 c3"/><path d="m 5 205 l 670 0" class="dash p3 c1"/><path d="m 5 205 l 670 0" class="dash p4 c0"/></g><g class=l11><path d="m 5 225 l 670 0" class="dash p0 c0"/><path d="m 5 225 l 670 0" class="dash p1 c0"/><path d="m 5 225 l 670 0" class="dash p2 c2"/><path d="m 5 225 l 670 0" class="dash p3 c0"/><path d="m 5 225 l 670 0" class="dash p4 c0"/><path d="m 5 225 l 670 0" class="dash p5 c0"/></g><g class=l12><path d="m 5 245 l 670 0" class="dash p0 c0"/><path d="m 5 245 l 670 0" class="dash p1 c0"/><path d="m 5 245 l 670 0" class="dash p2 c0"/><path d="m 5 245 l 670 0" class="dash p3 c0"/></g></svg></div></div><div class=heroButtonContainer_UqvK><a href=/playground/ target=_self rel="noopener noreferrer" class="button button--primary button--lg heroButton_GTT_">Try It Online</a><a class="button button--secondary button--lg heroButton_GTT_" href=/docs/install>Install Prettier</a></div></div></header><section class=syntaxSection_LwdY><a href=https://sentry.shop/products/syntax-prettier-tee target=_blank rel="noopener noreferrer" class="syntaxLink_eb_h container"><div class=margin-bottom--md>Limited edition tshirts are now available to buy! $10 per tshirt goes to maintain the project.</div><img width=860 alt="" src=/images/syntaxfm/1.webp></a></section><div class="tldrSection_kyBA sectionPadding_ciBW"><div class="container tldrSectionInner_rQcn"><div class=tldrSectionColumn_Tb0g><h2>What is Prettier?</h2><ul><li>An opinionated code formatter<li>Supports many languages<li>Integrates with most editors<li><a href=/docs/option-philosophy>Has few options 禄</a></ul></div><div class=tldrSectionColumn_Tb0g><h2>Why?</h2><ul><li>Your code is formatted on save<li>No need to discuss style in code review<li>Saves you time and energy<li><a href=/docs/why-prettier>And more 禄</a></ul></div></div></div><section class="sectionPadding_ciBW languageSection_BUtl"><div class=container><h2>Works with the Tools You Use</h2><div class=languageSectionGrid_govu><div><div class=languageItem_pwFV><img src=/images/languages/tools_js.svg class=languageItemImage_ZVDh alt=""><ul class=languageItemList_cm5e><li>JavaScript<li><p><a href=https://facebook.github.io/jsx/>JSX</a><li><p><a href=https://flow.org>Flow</a><li><p><a href=https://www.typescriptlang.org>TypeScript</a><li><p><a href=https://json.org>JSON</a></ul></div><div class=languageItem_pwFV><img src=/images/languages/tools_html.svg class=languageItemImage_ZVDh alt=""><ul class=languageItemList_cm5e><li>HTML<li><p><a href=https://vuejs.org>Vue</a><li><p><a href=https://angular.io>Angular</a><li><p><a href=https://emberjs.com>Ember / Handlebars</a></ul></div></div><div><div class=languageItem_pwFV><img src=/images/languages/tools_css.svg class=languageItemImage_ZVDh alt=""><ul class=languageItemList_cm5e><li>CSS<li><p><a href=http://lesscss.org>Less</a><li><p><a href=https://sass-lang.com>SCSS</a><li><p><a href=https://styled-components.com><code>styled-components</code></a> 馃拝<li><p><a href=https://npmjs.com/styled-jsx><code>styled-jsx</code></a></ul></div><div class=languageItem_pwFV><img src=/images/languages/tools_gql.svg class=languageItemImage_ZVDh alt=""><ul class=languageItemList_cm5e><li><a href=https://graphql.org>GraphQL</a><li><p><a href=https://graphql.org/learn/schema/>GraphQL Schemas</a></ul></div></div><div><div class=languageItem_pwFV><img src=/images/languages/tools_md.svg class=languageItemImage_ZVDh alt=""><ul class=languageItemList_cm5e><li>Markdown<li><p><a href=https://commonmark.org>CommonMark</a><li><p><a href=https://github.github.com/gfm/>GitHub-Flavored Markdown</a><li><p><a href=https://mdxjs.com>MDX v1</a></ul></div><div class=languageItem_pwFV><img src=/images/languages/tools_yaml.svg class=languageItemImage_ZVDh alt=""><ul class=languageItemList_cm5e><li><a href=https://yaml.org>YAML</a></ul></div></div><div><div class=languageItem_pwFV><img src=/images/languages/tools_wip.svg class=languageItemImage_ZVDh alt=""><ul class=languageItemList_cm5e><li><a href=./docs/plugins#community-plugins>Community Plugins</a><li><p><a href=https://github.com/dangmai/prettier-plugin-apex>Apex</a><li><p><a href=https://github.com/gicentre/prettier-plugin-elm>Elm</a> (via <a href=https://github.com/avh4/elm-format><code>elm-format</code></a>)<li><p><a href=https://github.com/jhipster/prettier-java>Java</a><li><p><a href=https://github.com/prettier/plugin-php>PHP</a><li><p><a href=https://github.com/prettier/plugin-ruby>Ruby</a><li><p><a href=https://github.com/jinxdash/prettier-plugin-rust>Rust</a><li><p><a href=https://github.com/bd82/toml-tools/tree/master/packages/prettier-plugin-toml>TOML</a><li><p><a href=https://github.com/prettier/plugin-xml>XML</a><li><p><a href=/docs/plugins#community-plugins>And more...</a></ul></div></div></div></div></section><div class="sectionPadding_ciBW editorSection_tT0T"><div class=container><h2>Editor Support</h2><div class=editorSectionGrid_zpGy><div class=editorItem_J_GZ><img src=/images/editors/editor_emacs.svg class=editorItemImage_rMDD alt=""><div><h3>Emacs</h3><p><a href=https://github.com/prettier/prettier-emacs><code>prettier-js</code></a><br> <a href=https://github.com/jscheid/prettier.el><code>prettier.el</code></a><br> <a href=https://github.com/raxod502/apheleia><code>Apheleia</code></a></div></div><div class=editorItem_J_GZ><img src=/images/editors/editor_espresso.svg class=editorItemImage_rMDD alt=""><div><h3>Espresso</h3><p><a href=https://github.com/eablokker/espresso-prettier><code>espresso-prettier</code></a></div></div><div class=editorItem_J_GZ><img src=/images/editors/editor_nova.svg class=editorItemImage_rMDD alt=""><div><h3>Nova</h3><p><a href=https://extensions.panic.com/extensions/alexanderweiss/alexanderweiss.prettier><code>Prettier</code></a></div></div><div class=editorItem_J_GZ><img src=/images/editors/editor_sublime.svg class=editorItemImage_rMDD alt=""><div><h3>Sublime Text</h3><p><a href=https://packagecontrol.io/packages/JsPrettier><code>JsPrettier</code></a></div></div><div class=editorItem_J_GZ><img src=/images/editors/editor_vim.svg class=editorItemImage_rMDD alt=""><div><h3>Vim</h3><p><a href=https://github.com/prettier/vim-prettier><code>vim-prettier</code></a><br> <a href=https://github.com/sbdchd/neoformat><code>neoformat</code></a><br> <a href=https://github.com/w0rp/ale><code>ALE</code></a><br> <a href=https://github.com/neoclide/coc-prettier><code>coc-prettier</code></a></div></div><div class=editorItem_J_GZ><img src=/images/editors/editor_vs.svg class=editorItemImage_rMDD alt=""><div><h3>Visual Studio</h3><p><a href=https://github.com/madskristensen/JavaScriptPrettier><code>JavaScriptPrettier</code></a></div></div><div class=editorItem_J_GZ><img src=/images/editors/editor_vscode.svg class=editorItemImage_rMDD alt=""><div><h3>VS Code</h3><p><a href=https://github.com/prettier/prettier-vscode><code>prettier-vscode</code></a></div></div><div class=editorItem_J_GZ><img src=/images/editors/editor_webstorm.svg class=editorItemImage_rMDD alt=""><div><h3>WebStorm</h3><p><a href=https://prettier.io/docs/webstorm>Built-in support</a></div></div></div><div class=editorSectionButtonContainer_vTUX><div><span class=margin-right--sm>Got more?</span><a href=https://github.com/prettier/prettier/edit/main/website/data/editors.yml target=_blank rel="noopener noreferrer" class="button button--outline button--primary">Send a PR</a></div></div></div></div><div class="sectionPadding_ciBW userSection_FAGr"><div class="container padding-bottom--md"><h2>Used By People You Rely On</h2><div class=userSectionGrid_HvHu><a href=https://facebook.com class=userItem_re7T><img src=/images/users/used_by_facebook.svg title=Facebook class=userItemImage_WNTw></a><a href=https://reactjs.org class=userItem_re7T><img src=/images/users/used_by_react.svg title=React class=userItemImage_WNTw></a><a href=https://jestjs.io class=userItem_re7T><img src=/images/users/used_by_jest.svg title=Jest class=userItemImage_WNTw></a><a href=https://yarnpkg.com class=userItem_re7T><img src=/images/users/used_by_yarn.svg title=Yarn class=userItemImage_WNTw></a><a href=https://babeljs.io class=userItem_re7T><img src=/images/users/used_by_babel.svg title=Babel class=userItemImage_WNTw></a><a href=https://webpack.js.org/ class=userItem_re7T><img src=/images/users/used_by_webpack.svg title=webpack class=userItemImage_WNTw></a><a href=https://dropbox.com/ class=userItem_re7T><img src=/images/users/dropbox_grey.svg title=Dropbox class=userItemImage_WNTw></a><a href=http://danger.systems/js/ class=userItem_re7T><img src=/images/users/used_by_danger.svg title=Danger class=userItemImage_WNTw></a><a href=https://storybook.js.org/ class=userItem_re7T><img src=/images/users/used_by_storybook.svg title=Storybook class=userItemImage_WNTw></a></div><div class=userSectionButtonContainer_A7EE><div><a class="button button--primary" href=/users>See others</a></div></div></div><div class=container><h2>Established in the Ecosystem</h2><div class=ecosystemGrid_S49d><div class=ecosystemGridItem_CCpy><a href=https://2021.stateofjs.com/en-US/other-tools/utilities target=_blank rel="noopener noreferrer" style=margin-top:15px aria-label="Statistic for utility tools in the State of JavaScript survey"><img src=/images/state_of_js_grey.svg alt=""></a><div><p>Regularly used by:<ul><li><a href=https://2021.stateofjs.com/en-US/other-tools/#utilities target=_blank rel="noopener noreferrer">More than 83% of respondents to State of JS 2021.</a><li><a href=https://2020.stateofjs.com/en-US/other-tools/#utilities target=_blank rel="noopener noreferrer">More than 70% of respondents to State of JS 2020.</a></ul></div></div><div class=ecosystemGridItem_CCpy><a href=https://github.com/prettier/prettier target=_blank rel="noopener noreferrer" aria-label="Prettier on GitHub"><img src=/images/github_grey.svg alt=""></a><div><p>More than <strong data-placeholder=dependent-github>9.3 million</strong> dependent repositories on GitHub</p><a href=https://github.com/prettier/prettier/network/dependents target=_blank rel="noopener noreferrer" class="button button--primary">Check Them Out</a></div></div><div class=ecosystemGridItem_CCpy><a href=https://npmjs.com/package/prettier target=_blank rel="noopener noreferrer" aria-label="Prettier on NPM"><img src=/images/npm_grey.svg alt=""></a><div><p>More than <strong data-placeholder=dependent-npm>19.3k</strong> dependent packages on npm</p><a href=https://www.npmjs.com/browse/depended/prettier target=_blank rel="noopener noreferrer" class="button button--primary" aria-label="See every dependent npm packages">See them all</a></div></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class=footer__title>Docs</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/docs>About</a><li class=footer__item><a class=footer__link-item href=/docs/install>Usage</a><li class=footer__item> <a href=https://www.netlify.com target=_blank rel="noreferrer noopener" aria-label="Deploys by Netlify"> <img src=https://www.netlify.com/img/global/badges/netlify-color-accent.svg alt="Deploys by Netlify" width=114 height=51 style="margin-top: 8px;"> </a> </ul></div><div class="col footer__col"><div class=footer__title>Community</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/users>User Showcase</a><li class=footer__item><a href=http://stackoverflow.com/questions/tagged/prettier target=_blank rel="noopener noreferrer" class=footer__link-item>Stack Overflow<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://twitter.com/PrettierCode target=_blank rel="noopener noreferrer" class=footer__link-item>@PrettierCode on Twitter<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a></ul></div><div class="col footer__col"><div class=footer__title>More</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/blog>Blog</a><li class=footer__item><a href=https://github.com/prettier/prettier target=_blank rel="noopener noreferrer" class=footer__link-item>GitHub<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://github.com/prettier/prettier/issues target=_blank rel="noopener noreferrer" class=footer__link-item>Issues<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item> <a href=https://github.com/prettier/prettier target=_blank rel="noreferrer noopener" aria-label="Star this project on GitHub" class=footer__github-stars> <img src="https://img.shields.io/github/stars/prettier/prettier?style=social" loading=lazy alt="Star this project on GitHub"> </a> </ul></div></div></div></footer></div></div>