---
schema_version: "1"
id: 5663201f82fff7727a63f6733839549ee681c6a9fef46672e50fdd9e0918e9b1
title: Preview a Single Lightning Web Component in Visual Studio Code (Generally Available)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/release-notes/262-0-0/rn_lwc_vscode_lwc.md
canonical_url: https://help.salesforce.com/s/articleView?id=release-notes.rn_lwc_vscode_lwc.htm&release=262.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 2459f8b0a8ea3968300bce6873172a0bc931a7ac7bdd200f04a7d4b07f3518e4
description: To run a real-time preview of a Lightning web component directly inside Visual Studio Code (VS Code) or Code Builder, use the Live Preview VS Code extension. This extension is now generally available for Lightning web components.
products:
  - Cross Cloud
release: "262"
---
# Preview a Single Lightning Web Component in Visual Studio Code (Generally Available)

To run a real-time preview of a Lightning web component directly inside Visual Studio Code (VS Code) or Code Builder, use the Live Preview VS Code extension. This extension is now generally available for Lightning web components.

**Where:** This change applies to Lightning Experience in all editions.

**When:** The Live Preview VS Code extension for Lightning web components is generally available starting in the week of April 13, 2026.

**How:** This feature, previously known as Lightning Preview, is now called the Live Preview Visual Studio Code extension.

For information about using this extension with React components, check out [Agentforce Vibes Developer Guide: Build and Deploy a React App Using Agentforce Vibes](https://developer.salesforce.com/docs/platform/einstein-for-devs/guide/reactdev-vibe-code.html#preview-your-app).

#### See Also

- [_Lightning Web Components Developer Guide_: Run a Live Component Preview](https://developer.salesforce.com/docs/platform/lwc/guide/get-started-test-components.html)