VeyraSTUDIO
Log inJoin the preview
Veyra Live Server icon
VEYRA EDITION · FOR VEYRA AND VS CODE

Veyra Live Server

Save. See it. Instantly.

A local development server with live reload. Every save updates your browser, and CSS changes apply without a reload. Built into Veyra Studio, and free for VS Code.

Get Veyra: it's built inGet it for VS Code

VS Code edition on the Visual Studio Marketplace · flightcoders.veyra-live-server · Free · MIT

style.css
h1 {
  color: #2255dd;
}
SavedPort : 5500
127.0.0.1:5500
VEYRA LIVE SERVER

Hello from Live Server

Typed text stays: the page never reloaded

HOW IT WORKS

Three steps. Zero setup.

  1. 1

    Open your project

    Any folder with HTML, CSS and JavaScript: a landing page, a portfolio, a course exercise.

  2. 2

    Click Go Live

    In the status bar, or right-click an HTML file. Your browser opens the page at 127.0.0.1:5500.

  3. 3

    Edit and save

    HTML and JavaScript reload the page; CSS updates in place. Click the port in the status bar to stop.

FEATURES

Everything you expect from Live Server. Then a little more.

Live reload

Save an HTML or JavaScript file and every open tab reloads on its own. No refresh key, no browser extension.

CSS without a reload

Save a stylesheet and the new CSS is swapped in place. Scroll position, open menus and typed text stay exactly where they were.

Go Live in one click

Click Go Live in the status bar, or right-click any HTML file and choose Open with Live Server. The page opens in your browser.

Folders and media just work

index.html opens automatically, folders without one show a clean list of their files, and videos and audio stream and seek smoothly.

Private by design

Listens on 127.0.0.1 only, so other devices on your network can't see your work. Nothing outside your folder is ever served.

Tiny and native

Built into Veyra in Rust, with no Node.js and nothing to install. The VS Code edition has zero runtime dependencies and is under 100 KB.

ONE SERVER, TWO EDITORS

The same Live Server in Veyra and VS Code.

Both editions share the same live reload script and follow the same rules, so your project behaves identically wherever you open it.

In Veyra StudioIn VS Code
InstallNothing: it's built inSearch “Veyra Live Server” in Extensions and click Install
StartGo Live in the status barGo Live in the status bar
Open a pageRight-click an HTML file → Open with Live ServerRight-click an HTML file → Open with Live Server
ShortcutsAlt+L Alt+O to open, Alt+L Alt+C to stopAlt+L Alt+O to open, Alt+L Alt+C to stop (⌘L ⌘O on macOS)
Addresshttp://127.0.0.1:5500, or the next free porthttp://127.0.0.1:5500, or the next free port
NeedsNothing elseVS Code 1.85 or newer
VS CODE EDITION

Install in VS Code

  1. In VS Code, open Extensions (Ctrl+Shift+X) and search for Veyra Live Server, or open it on the Visual Studio Marketplace.
  2. Click Install.
  3. Click Go Live in the status bar. Click the port to open, copy, restart or stop.

Or from a terminal: code --install-extension flightcoders.veyra-live-server. Working offline? Download the .vsix and choose Install from VSIX….

settings.json · optional{
  "veyraLiveServer.port": 5500,
  "veyraLiveServer.root": "/public",
  "veyraLiveServer.openBrowser": true
}
SECURITY

Private by default.

  • Accepts connections from your computer only (127.0.0.1), never from your Wi-Fi or office network.
  • Serves only the open folder. Tricks like ../, encoded slashes and symbolic links that point outside are refused.
  • No telemetry, no accounts, no runtime dependencies to keep patched.
RequestsGET /index.html 200 OK
GET /css/style.css 200 OK
GET /../.ssh/id_rsa 404 Not Found
GET /..%2f.env 404 Not Found
192.168.1.20 → port 5500 refused
FAQ

Questions

Is Veyra Live Server free?

Yes. It's built into Veyra Studio, which is free and open source, and the VS Code edition is free and MIT licensed.

How is it different from the classic Live Server extension?

It works the same way, with the same port and shortcuts, so it feels familiar. It also applies CSS changes without reloading the page, only accepts connections from your own computer, never serves files outside your folder, and has no runtime dependencies.

Do I need Node.js?

Not in Veyra: the server is part of the app. In VS Code, the extension runs inside VS Code itself, so there's nothing else to install either.

Can I open my site on my phone?

Not yet. Veyra Live Server listens on your own computer only (127.0.0.1) to keep your work private. Sharing on your local network is on the roadmap as an opt-in setting.

Step-by-step guide in the documentation.

Go live with Veyra.

Veyra Live Server is built into Veyra Studio: free and open source for Windows, macOS and Linux.

Download VeyraView on GitHub