Console Ninja [Extensão VS Code]

O que é?

Venho apresentar para vocês uma extensão para o VS Code que estou utilizando muito ultimamente, a Console Ninja.

Com ela é possível visualizar os console.log em tempo de execução direto no código, ou através de um console próprio direto no VS Code.

Exemplos de uso

Gif do desenvolvedor da extensão:

No exemplo acima podemos ver que foi clicado 3 vezes no botão count is {count}, e o resultado de cada console.log é exibido ao lado:

Técnologias suportadas

• Vite,
  • React
  • Vue
  • Preact
  • Lit
  • Svelte
  • Vanilla
  • TypeScript ou JavaScript
  • Nuxt
  • SvelteKit
• Webpack
  • Create React App
  • Angular CLI
  • Angular Nx
  • Gatsby.js
• Next.js
• Jest
• Cypress.io
• http-server e servidores HTTP estáticos.
• Live Server
• Live Preview
• Nuxt Vue.js
• Shopify Hydrogen

Link

https://marketplace.visualstudio.com/items?itemName=WallabyJs.console-ninja