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

Estou tentando usar o console ninja com o live server e mesmo assim não funciona, alguem sabe o porque ?

Excelente dica, vou testar agora mesmo. Valeu

como o tabnews ainda não tem um botão de favorito eu deixo esse comentários de parabéns.

Eu gosto muito desses post de extensões kkkk, adoro aumentar minha produtividade, esse post aqui é bem legal tbm, sobre extensões, recomendo ler -> [link](https://www.tabnews.com.br/josevictormoreno/mais-extensoes-maravilhosas-para-o-vscode)

Nuhh, tenho que testar essa extensão!!! acho que pouparia um pouco de tempo 😅

Estava procurando essa extensão, valeu demais

Muito show, eu realmente estava precisando de algo assim. Esses dias fiquei me perguntando como conseguir ver esses logs sem a necessidade de utilizar um navegador e eis que me deparo com essa solução!

Obrigado.

Muito legal!

Com certeza vou instalar e testar!

(Alguem sabe para que serve tabcoins?)