2

Live Server is quite handy while developing and debugging. This feature is available in node packages

$ npm install browser-sync --save-dev

Then below command will provide the Local and External URL to get the live updates in our HTML page.

$ gulp watch

The External URL is used to access the live changes that is made to web pages through the device connected through WiFi. This feature helps in multiple device testing at the time of development. Currently the Live Server plugin in visual studio code,enable us to view changes only in the system where it is being developed (local).

Is there any plugin or setting changes in Live Server that enable External URL feature?

KyleMit
  • 30,350
  • 66
  • 462
  • 664
VA splash
  • 553
  • 1
  • 8
  • 25

1 Answers1

3

It doesn't look like the live-server npm package or the live server vs code extension currently have this functionality baked in.

However, you can make a local url publically available via ngrok

  1. Run live-server:

    npx live-server

  2. Then, in a separate terminal, run ngrok:

    npx ngrok http 8080

screenshot of windows terminal

KyleMit
  • 30,350
  • 66
  • 462
  • 664