---
sourceDocument: Australia Build or modify applications
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/application-development

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# Extend an existing experience

# Extend an existing experience {#ariaid-title1}

Release version: Australia  
Updated August 4, 2026  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read  
Create an experience that extends an existing experience on the ServiceNow AI Platform®.

## Before you begin

Role required: none  
The ServiceNow Lux Lab for VS Code extension requires the following:{#extending-existing-experience-servicenow-ai-experience-lab-for-vs-code__table_imf_rfb_dkc__entry__3}

| Application | Version | Resources for more information |
|-|-|-|
| Visual Studio Code | 1.97 later | [Visual Studio Code updates](https://code.visualstudio.com/updates/v1_132) |
| Node.js | 24 or later | [Node.js](https://nodejs.org/en/download) |
| pnpm | 10 or later | [pnpm](https://pnpm.io/installation) |
| ServiceNow SDK | 4.10 or later | [ServiceNow SDK](https://www.npmjs.com/package/@servicenow/sdk) |
| ServiceNow instance | * Australia Patch 5 or later * Zurich Patch 12 or later {#extending-existing-experience-servicenow-ai-experience-lab-for-vs-code__ul_xtl_bgb_dkc} | [Prepare your upgrade](https://www.servicenow.com/docs/access?context=rn-prepare-landing-page&version=australia&pubname=australia-release-notes&ft:locale=en-US) |
[ ]

{#extending-existing-experience-servicenow-ai-experience-lab-for-vs-code__table_imf_rfb_dkc}

## Procedure

1. Navigate to Visual Studio Code.
2. Select the ServiceNow ![]() icon in the side panel to open the ServiceNow Lux Lab for VS Code extension.
3. On the home page, select + New project.  
4. Select the instance that you want to deploy changes to.  
   During ServiceNow Lux Lab for VS Code extension setup, you connect to the instance that contains the files you want to access and where you want to preview and deploy changes. For more information or to connect another instance, see [Connect ServiceNow Lux Lab for VS Code extension to an instance](https://servicenow-prod.fluidtopics.net/tSwchmYldL~8XfKzTeOysg "Connect the ServiceNow Lux Lab for VS Code extension to your ServiceNow instance to access instance files, deploy changes, and preview your work.").
5. Select the location where you want your want your project to live on your local drive.
6. Enter a name for your experience and then select the Enter key.
7. From the list, select the option Extend Existing App.
8. Select the name of the experience that you want to extend from the list.  
   The list of experiences that can be extended are populated from the instance that you're connected to. Verify that the experiences you created and want to extend have been deployed to your instance.
9. Enter a name for your application scope and then select the Enter key.  
   ServiceNow Lux Lab for VS Code extension scaffolds your experience. Once created, Visual Studio Code reloads with your experience files loaded.

## Result

Your extension experience is created. The pages for the experience are located under the `/src/extensions/<your-experience-scope-name>/your-experience-name` folder structure. When you create an extension
experience, a sample page and widget are also created.

## What to do next

[Create a page](https://servicenow-prod.fluidtopics.net/dEO6V2_5d8k5O8T7OTSU4w "Create a new page for an existing experience.") or [extend an existing experience](https://servicenow-prod.fluidtopics.net/QkXHOU1f_rB8PN4LkaVAuw "Modify an existing page by extending it.") for your extension experience.

