Projecting Your Visual Studio Code Live Server Into Another Device
Using more than one computer is really booming nowadays. For many developer it can help a lot, so he can use one computer focused on coding and another focused on the output.
After several research, I got some answer that we can use cable to project our work into another monitor, but I don’t have any monitor. I have two devices that has windows 10 Operating Systems. So, by taking more deep search, I found that we can using windows 10 features to display our work in another desktop. But for me, it not efficient, we can only display one thing at a time.
As we know, visual studio has many extensions, one most useful for all developers is Live Server from Ritwick Dey. This extension can launch a development local server with live reload feature for static and dynamic pages. Usually, it will use port 5500 to deploy our project into browser.
By using trial and error I found how to access the live server of visual studio from another desktop using local network. What I mean local network is not just from another desktop, we can access our project from another phone or whatever device that connect inside one network into us.
The concept is allowing the port accessed from another computer by add configuration into firewall.
- Search firewall in the Star menu, then open it
2. Choose the Advanced settings
3. Go To Inbound Rule and choose New Rule…
4. Choose Port and click Next
5. Write the Port you want to access from another computer
6. Choose Allow the connection, so the site can be accessed
7. To make it easier, checklist all rules
8. Give it a name and description (optional), then click Finish
9. Check your IP address using command line ‘ipconfig’
10. Access it from another computer by using <IP address>:<Port>
Congratulation, now you can code efficiently.
Have a nice code ✔
