How to open the web page preview inside Visual Studio Code? -


given visual studio code based on chrome web kit

enter image description here

could open preview inside editor panel ?

according this page, feature highly requested !

well now, based on dan shryock's answer here , this post, here did:

  1. install nodejs live-server npm install -g live-server
  2. run live-server @ project folder
  3. create live-view.md file in (place wherever want. put @ base folder of projects since can use whatever i'm working on):

    <div style="border:1px solid #777;position:absolute;left:10px;top:10px;bottom:10px;right:10px;"> <iframe src="http://localhost:8080/"; width="100%" height="100%" frameborder="0" /> </div>

  4. open live-view.md in second/split pane in vs code , click "open preview" button (top right of file).

now whenever save see changes show in live-preview.


Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -