2a:["$","div","0",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":1}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"ESLint (dbaeumer.vscode-eslint): Analisa seu código TypeScript em tempo real e marca erros de padrão. Com a configuração certa, ele corrige problemas automaticamente ao salvar o arquivo. Indispensável pra manter código limpo."}}]}]]}] 2b:["$","div","1",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":2}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Prettier (esbenp.prettier-vscode): Formata seu código automaticamente. Tabs, aspas, ponto e vírgula, tudo padronizado sem você pensar. Configure como formatter padrão e esqueça formatação manual."}}]}]]}] 2c:["$","div","2",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":3}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"TypeScript Importer: Adiciona imports automaticamente quando você usa um símbolo que ainda não foi importado. Economiza tempo absurdo em projetos grandes com dezenas de arquivos."}}]}]]}] 2d:["$","div","3",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":4}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Error Lens (usernamehw.errorlens): Mostra os erros e warnings direto na linha do código, não só no painel de problemas. Você vê o erro na hora, sem precisar passar o mouse por cima do sublinhado."}}]}]]}] 2e:["$","div","4",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":5}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Pretty TypeScript Errors: Transforma as mensagens de erro do TypeScript em algo legível. Erros de tipo genérico ficam muito mais fáceis de entender com essa extensão."}}]}]]}] 2f:["$","div","5",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":6}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Auto Rename Tag: Quando você renomeia uma tag JSX/TSX, ela renomeia a tag de fechamento junto. Parece bobeira, mas poupa cliques infinitos em projetos React."}}]}]]}]