[{"data":1,"prerenderedAt":139},["ShallowReactive",2],{"term-f\u002Fformatter":3,"related-f\u002Fformatter":126},{"id":4,"title":5,"acronym":6,"body":7,"category":108,"description":109,"difficulty":110,"extension":111,"letter":112,"meta":113,"navigation":71,"path":114,"related":115,"seo":120,"sitemap":121,"stem":124,"subcategory":6,"__hash__":125},"terms\u002Fterms\u002Ff\u002Fformatter.md","Formatter",null,{"type":8,"value":9,"toc":102},"minimark",[10,15,19,23,26,30,91,95,98],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"A formatter automatically makes all your code look consistent — same indentation, same quote style, same line breaks — so the whole team's code looks like one person wrote it. Prettier is the most popular one. It removes the 'tabs vs spaces' argument forever.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"A code formatter automatically enforces a consistent style by transforming code output to match defined rules. Unlike linters, formatters don't find bugs — they just enforce visual consistency. Prettier is the dominant JS\u002FTS formatter; Black for Python; rustfmt for Rust.",[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-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# Format all files with Prettier\nnpx prettier --write .\n\n# Check formatting without modifying (for CI)\nnpx prettier --check .\n","bash","",[38,39,40,49,66,73,79],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","# Format all files with Prettier\n",[41,50,52,56,60,63],{"class":43,"line":51},2,[41,53,55],{"class":54},"sBMFI","npx",[41,57,59],{"class":58},"sfazB"," prettier",[41,61,62],{"class":58}," --write",[41,64,65],{"class":58}," .\n",[41,67,69],{"class":43,"line":68},3,[41,70,72],{"emptyLinePlaceholder":71},true,"\n",[41,74,76],{"class":43,"line":75},4,[41,77,78],{"class":47},"# Check formatting without modifying (for CI)\n",[41,80,82,84,86,89],{"class":43,"line":81},5,[41,83,55],{"class":54},[41,85,59],{"class":58},[41,87,88],{"class":58}," --check",[41,90,65],{"class":58},[11,92,94],{"id":93},"when-youll-hear-this","When You'll Hear This",[16,96,97],{},"\"Run the formatter before committing.\" \u002F \"Configure your editor to format on save.\"",[99,100,101],"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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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":103},[104,105,106,107],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":93,"depth":51,"text":94},"general","A formatter automatically makes all your code look consistent — same indentation, same quote style, same line breaks — so the whole team's code looks like...","beginner","md","f",{},"\u002Fterms\u002Ff\u002Fformatter",[116,117,118,119],"Linter","DX","Config","Codebase",{"title":5,"description":109},{"changefreq":122,"priority":123},"weekly",0.7,"terms\u002Ff\u002Fformatter","wnANJYQkMbzPnOmxva0U6dBrIFsJKYAfSJ3j8MxsS1I",[127,130,133,136],{"title":119,"path":128,"acronym":6,"category":108,"difficulty":110,"description":129},"\u002Fterms\u002Fc\u002Fcodebase","The codebase is the whole collection of source code that makes up a project — every file, folder, and line of code.",{"title":118,"path":131,"acronym":6,"category":108,"difficulty":110,"description":132},"\u002Fterms\u002Fc\u002Fconfig","Config is the settings panel for your code.",{"title":117,"path":134,"acronym":117,"category":108,"difficulty":110,"description":135},"\u002Fterms\u002Fd\u002Fdx","DX (Developer Experience) is UX but for developers. How painful is it to set up the project? How fast is the feedback loop?",{"title":116,"path":137,"acronym":6,"category":108,"difficulty":110,"description":138},"\u002Fterms\u002Fl\u002Flinter","A linter is the code police — it automatically checks your code for style violations, bad patterns, and potential bugs without running it.",1776518282187]