Dúvida sobre IDE Brackets, Eclipse e VSCode - Como configurar aba de "Console"

[joaodiabreu]

Bom dia pessoal, como estão?

Sou um iniciante (MUITO INICIANTE) e estou com muita dificuldade em me adaptar com as IDE's pois não consigo encontrar uma forma de configurar a aba de "console" ou gerar a leitura do código em alguma aba pra que eu possa ver os resultados. Vou deixar o exemplo do "JavaScript Playground" como forma de ilustrar como eu gostaria que minha IDE instalada ficasse, e se alguém souber, como eu poderia ter deixar minha IDE semelhante (qualquer uma dessas do titulo). 

Ali embaixo aparece o resultado sempre que eu codo alguma coisa (exercicios simples de aprendizado). Mas nas IDE's não consegui achar uma forma de fazer isso funcionar. Alguem sabe como configurar?