How to open the web page preview inside Visual Studio Code? -
given visual studio code based on chrome web kit
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:
- install nodejs live-server
npm install -g live-server
- run
live-server
@ project folder 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>
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
Post a Comment