Web live preview visual studio5/31/2023 Wow, what a journey, I am glad you made it to the end of this article, if you enjoyed and learned from this article, I will like to connect with you. if you have an index.html file, then adding the /index is optionalĪppend your framework server port to the IPv4 as demonstrated in this article to preview on your mobile phone.Append the live server port to the IPv4 Address □ Open your mobile browser and paste your IPv4 Address on the address bar □Ģ. Here is the fun part, follow the steps below □ġ. Preview your web project on your mobile browser Connect your Computer to your Mobile deviceĮnsure your mobile phone is connected to the same network as your computer, I will be using my android as Hotspot for my computer through the wifi.ĥ. IPv4 address is a 32-bit number that uniquely identifies a network interface on a machine, it is used for communication between devices.Ĥ. Keep note of the port which your server is currently running on from the browser address bar, mine is currently running on port 5501 □ In this tutorial, I will be using the Static Web Project as an example, but trust me, it's the same method for previewing your framework project on your mobile devices.Įnsure your project is running on your browser with the Live Server extension that we installed earlier, you can start your installed live server by clicking on the Go Live button at the bottom of your VScode □.Ī live server will save you the stress of hitting the refresh button on your browser each time you make changes to your project files. Ensure your server is running (yarn/npm start □).A working computer with wifi connection.You might want to check out the developer typing game I built □ Prerequisiteīefore you continue with this article, kindly ensure you have the following setup on your device.įor Static Web Project (HTML, CSS, JavaScript) I bring to you in this article a hack to view your web project in real-time on your mobile device as you code. Hello beautiful developers, how are you doing today?
0 Comments
Leave a Reply. |