visiual studio

Question

how do u do split screen and visual studio code where you can see the code the document/webpage

Answer 1

I put visual studio on one side of my screen and put my browser on the other. When I save the file. I launch it in the browser. And hit refresh.

Or you can use the live server extension. It will launch the browser for you.

Answer 2

Install a Live server or HTML preview extension in your visual studio code. There's also an Auto save and Auto reload extensions that automatically saves your documents and reloads it in a web browser.

Answer 3

If you want the preview inside visual code. Then HTML Preview Extension mentioned by Emms is what you're looking for.

Answer 4

Your Mom When you use live server make sure your document is in side a folder. And make sure you saved the document. Then launch the live server. Your server Address will start with: 127.0.0.1 with the port number :5000. If the server is running and you do not see 127.0.0.1:5000 in the address bar. You may type it and then you will be able to browse the contents of your folder.

Answer 5

windows 10

Answer 6

oh k

Answer 7

Your Mom on windows I do, "alt+<(right arrow key)" for putting my vs code screen on right and web browser on left.
Or you could do "alt+>(left arrow key)" for putting vs code on the left. Open your file in the web browser.

Answer 8

i llke the liver server thing but thats not what im looking for. if you know the split screen option on google at the top right hand corner. I want that except, when u click outside of the browser ,and we’ll say you try to click onto visiual stuido to code, the box of google will disappear

Answer 9

oh nvm i found out, but that live server thing does seem cool and i downloaded it but whenever i try to use it, it brings me to the localhost 127.0.0.1 and when i try to use it on my document it doesnt work

Answer 10

What operating system are you using?