Skip to content
| Marketplace
Sign in
Visual Studio Code>Debuggers>browsersyncNew to Visual Studio Code? Get it now.
browsersync

browsersync

Jeremy Rajan

|
25,267 installs
| (4) | Free
Starts a browsersync server
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

image

BrowerSync VSCODE

Starts a browserSync Static server with watch mode at :3000 by default. The UI for browsersync is available at :3001.

  • Right click on the folder from your VSCODE explorer menu. And click on BrowerSync Start.

image

  • This will start the server at localhost:3000 and open up your default browser. And serve the index.html file in the directory if present.

image

  • Once started, you can manage the running server on left menu status bar. Which will show the server is running at. Once you click on it, it will give you reload or stop option.

image

  • Once stop/reload is clicked, it will stop or reload the browsersync server.

image

Currently, you can only run one server at a time in the workspace. Starting another server within the workspace will close the current running server and spinup a new one at localhost:3000.

Options

Browsersync allows for 2 options:

  1. openBrowser: Whether you want to trigger a browser open when server is started.
  2. openExternal: Opens with external URL
  3. options: Pass browsersync options from https://www.browsersync.io/docs/options

Development

Clone the repo and cd into browsersync folder. Run npm install, and you are ready for development.

Issues

Raise issues here.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft