Do not close the command line prompt until you’re done coding in your. What is live preview on windows 10 code#Lite-server is watching your files and refreshes the page as soon as you make changes to any html, js or css files.Īnd if you have VS Code configured to auto save (menu File / Auto Save), you see changes in the browser as you type! Wait a second and index.html is loaded and displayed in your default browser served by your local web server! In the same terminal window (command prompt in Windows) run this command: npm start (Assuming you have an index.html file in your project folder). What is live preview on windows 10 install#This will install lite-server (defined in package.json), a static server that loads index.html in your default browser and auto refreshes it when application files change. In a terminal window (command prompt in Windows) opened on your project folder, run this command: npm install Add a package.json file to the project folder Somewhere in your drive, create a new folder for your web app.ģ. It comes with npm (the package manager for acquiring and managing your development libraries) Setup a local web server known as lite-server with VS Code, and also guides you to host your static html files in localhost and debug your Javascript code. I am just re-posting the steps I used from msdn blog. You can also run your task just by entering Ctrl+P and type task webserver What is live preview on windows 10 how to#Here is an information on how to configure 'gulp-webserver' for instance port, and what page to load. Now any changes that you will do to your HTML or CSS pages will be automatically reloaded. Your webserver now will open your page in your default browser.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |