title: How to open web console like Chrome console in Visual Studio Code preview side and see JavaScript changes dynamicaly?
body: <p>Main goal is that I would like to see dynamic web console, In VSCode side preview, like Chrome console in this picture (<a href="https://i.stack.imgur.com/9bYTs.png" rel="nofollow noreferrer">VSCode with separate Crome console</a>) and that it will updates dynamicaly.
  Now I am doing like that:</p>
  
  <ol>
  <li>created index.html file and included 
  src="laikinas.js"> </li>
  <li>opened index.html with live server<br>
  extension, it opened new Chrome browser window. </li>
  <li>presses F12, tab "Console" </li>
  <li>resized both VSCode and Chrome browser.</li>
  </ol>
  
  <p>As you see this is long way, and if I screating new file with another name I also need to include it in index.html. Another my way was:</p>
  
  <ol>
  <li>Opened VSCode debug console</li>
  <li>pressed Cntr+F5</li>
  </ol>
  
  <p>But this console I do not like. One of this that the Chrome console show errors better with links to exactly point.</p>
  
  <p>I also tryed extension like this one <a href="https://marketplace.visualstudio.com/items?itemName=daiyy.quick-html-previewer" rel="nofollow noreferrer">"Quick HTML Previewer"</a> to see dynamic changes, but this extension can show only frontend, I need a <strong>console</strong>.</p>