Visual Studio Code Integration

The BrowserStack extension for Visual Studio Code is a tool that enables developers to preview and test their locally hosted websites on BrowserStack’s real devices, directly from the VSCode environment.

Prerequisites

• BrowserStack Live paid account.
• Visual Studio Code versions 1.7 and above.

Install VSCode Extension

1. Open VSCode.
2. Press Ctrl+Shift+X (for Windows or Linux) or Cmd+Shift+X (for macOS) to open the Extensions panel.
3. Type BrowerStack into the search bar.
4. Click on the BrowserStack extension.
5. Click the Install button. Alternatively, you can download the extension from the Visual Studio Code Marketplace.

Using VSCode Extension

1. Sign-in to BrowserStack Live either from the welcome page or through the extension on the activity bar in VSCode.
2. Accept the request to be redirected to BrowserStack via the pop up.
3. Once you are logged in on VSCode, enter the URL of your public or private website and select your preferred device and start testing.
   • For local websites, hosting on a server is required. For example: Live Server
4. To add or modify the list of devices, either click on the Edit button, or navigate to the Quick Launch panel on the Live dashboard and add or modify as required.