[{"data":1,"prerenderedAt":280},["ShallowReactive",2],{"term-p\u002Fprettier":3,"related-p\u002Fprettier":273},{"id":4,"title":5,"acronym":6,"body":7,"category":258,"description":259,"difficulty":260,"extension":261,"letter":16,"meta":262,"navigation":158,"path":263,"related":264,"seo":267,"sitemap":268,"stem":271,"subcategory":6,"__hash__":272},"terms\u002Fterms\u002Fp\u002Fprettier.md","Prettier",null,{"type":8,"value":9,"toc":252},"minimark",[10,15,19,23,26,30,241,245,248],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"Prettier is an opinionated code formatter that automatically reformats your code to look consistent. Single quotes or double quotes? 2 spaces or 4? Prettier decides and applies it everywhere, ending pointless style debates in teams. It doesn't care about bugs (that's ESLint's job) — just formatting.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Prettier is an opinionated code formatter that enforces a consistent style by parsing code and reprinting it with its own rules, ignoring original formatting. It supports JavaScript, TypeScript, CSS, HTML, JSON, Markdown, and more. The key distinction from ESLint: Prettier handles formatting, ESLint handles code quality and bugs.",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F .prettierrc\n{\n  \"semi\": false,\n  \"singleQuote\": true,\n  \"tabWidth\": 2,\n  \"trailingComma\": \"es5\",\n  \"printWidth\": 80\n}\n\n\u002F\u002F Before Prettier\nconst x={name:\"Alice\",age:30}\n\n\u002F\u002F After Prettier\nconst x = { name: 'Alice', age: 30 }\n","json","",[38,39,40,49,56,75,90,109,132,147,153,160,166,201,206,212],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","\u002F\u002F .prettierrc\n",[41,50,52],{"class":43,"line":51},2,[41,53,55],{"class":54},"sMK4o","{\n",[41,57,59,62,66,69,72],{"class":43,"line":58},3,[41,60,61],{"class":54},"  \"",[41,63,65],{"class":64},"spNyl","semi",[41,67,68],{"class":54},"\"",[41,70,71],{"class":54},":",[41,73,74],{"class":54}," false,\n",[41,76,78,80,83,85,87],{"class":43,"line":77},4,[41,79,61],{"class":54},[41,81,82],{"class":64},"singleQuote",[41,84,68],{"class":54},[41,86,71],{"class":54},[41,88,89],{"class":54}," true,\n",[41,91,93,95,98,100,102,106],{"class":43,"line":92},5,[41,94,61],{"class":54},[41,96,97],{"class":64},"tabWidth",[41,99,68],{"class":54},[41,101,71],{"class":54},[41,103,105],{"class":104},"sbssI"," 2",[41,107,108],{"class":54},",\n",[41,110,112,114,117,119,121,124,128,130],{"class":43,"line":111},6,[41,113,61],{"class":54},[41,115,116],{"class":64},"trailingComma",[41,118,68],{"class":54},[41,120,71],{"class":54},[41,122,123],{"class":54}," \"",[41,125,127],{"class":126},"sfazB","es5",[41,129,68],{"class":54},[41,131,108],{"class":54},[41,133,135,137,140,142,144],{"class":43,"line":134},7,[41,136,61],{"class":54},[41,138,139],{"class":64},"printWidth",[41,141,68],{"class":54},[41,143,71],{"class":54},[41,145,146],{"class":104}," 80\n",[41,148,150],{"class":43,"line":149},8,[41,151,152],{"class":54},"}\n",[41,154,156],{"class":43,"line":155},9,[41,157,159],{"emptyLinePlaceholder":158},true,"\n",[41,161,163],{"class":43,"line":162},10,[41,164,165],{"class":47},"\u002F\u002F Before Prettier\n",[41,167,169,173,176,179,181,183,186,188,191,194,196,199],{"class":43,"line":168},11,[41,170,172],{"class":171},"sTEyZ","const x=",[41,174,175],{"class":54},"{",[41,177,178],{"class":171},"name",[41,180,71],{"class":54},[41,182,68],{"class":54},[41,184,185],{"class":126},"Alice",[41,187,68],{"class":54},[41,189,190],{"class":54},",",[41,192,193],{"class":171},"age",[41,195,71],{"class":54},[41,197,198],{"class":104},"30",[41,200,152],{"class":54},[41,202,204],{"class":43,"line":203},12,[41,205,159],{"emptyLinePlaceholder":158},[41,207,209],{"class":43,"line":208},13,[41,210,211],{"class":47},"\u002F\u002F After Prettier\n",[41,213,215,218,220,223,225,228,230,233,235,238],{"class":43,"line":214},14,[41,216,217],{"class":171},"const x = ",[41,219,175],{"class":54},[41,221,222],{"class":171}," name",[41,224,71],{"class":54},[41,226,227],{"class":171}," 'Alice'",[41,229,190],{"class":54},[41,231,232],{"class":171}," age",[41,234,71],{"class":54},[41,236,237],{"class":104}," 30",[41,239,240],{"class":54}," }\n",[11,242,244],{"id":243},"when-youll-hear-this","When You'll Hear This",[16,246,247],{},"Configure your editor to format on save with Prettier.,Prettier eliminates all formatting debates in code review.,Use eslint-config-prettier to turn off ESLint rules that conflict with Prettier.",[249,250,251],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":36,"searchDepth":51,"depth":51,"links":253},[254,255,256,257],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":243,"depth":51,"text":244},"frontend","Prettier is an opinionated code formatter that automatically reformats your code to look consistent. Single quotes or double quotes? 2 spaces or 4?","beginner","md",{},"\u002Fterms\u002Fp\u002Fprettier",[265,266],"ESLint","DevTools",{"title":5,"description":259},{"changefreq":269,"priority":270},"weekly",0.7,"terms\u002Fp\u002Fprettier","wXAEUcplRCp5e1nonpKP43GnP42fShaicEhPgXF81BI",[274,277],{"title":266,"path":275,"acronym":6,"category":258,"difficulty":260,"description":276},"\u002Fterms\u002Fd\u002Fdevtools","DevTools is the built-in developer panel in every major browser (press F12 or right-click → Inspect).",{"title":265,"path":278,"acronym":6,"category":258,"difficulty":260,"description":279},"\u002Fterms\u002Fe\u002Feslint","ESLint is the code cop that reads your JavaScript and yells at you when you do something wrong or inconsistent.",1776518303129]