---
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


---

# Preview a page

# Preview a page {#ariaid-title1}

Release version: Australia  
Updated August 4, 2026  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read  
Test that your page appears and functions as intended.

## About this task

Certain pages aren't previewable in the ServiceNow Lux Lab for VS Code extension and must be previewed by deploying to your instance. To learn about deploying, see [Deploy changes](https://servicenow-prod.fluidtopics.net/lkms_hSGIgeb2EwQkZwQTg "Deploy your changes to an instance to preview and publish experiences, pages, and widgets.").

## Before you begin

Role required: none  
The ServiceNow Lux Lab for VS Code extension requires the following:{#preview-page-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 {#preview-page-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) |
[ ]

{#preview-page-servicenow-ai-experience-lab-for-vs-code__table_imf_rfb_dkc}

## Procedure

1. Open a ServiceNow Lux Lab for VS Code project in Visual Studio Code.
2. In the Explorer panel, navigate to the /pages folder.
3. Select the expand icon for the page that you want to preview.
4. Right click or select and hold the page.js file that you want to preview and select AIUX: Launch Preview.  
   A preview of your page appears. You can preview how your page appears on different devices, expand the preview panel, and interact with page elements.

## What to do next

If your page isn't already accessible from other pages, [add the page to the navigation](https://servicenow-prod.fluidtopics.net/5m211s7MAiOpT~pMXx9IbQ "Add pages to the navigation to make them accessible from other pages, such as a home page."). Otherwise, you can [deploy your changes](https://servicenow-prod.fluidtopics.net/lkms_hSGIgeb2EwQkZwQTg "Deploy your changes to an instance to preview and publish experiences, pages, and widgets.").