ServiceNow IDE user interface

  • Release version: Australia
  • Updated March 12, 2026
  • 4 minutes to read
  • The ServiceNow IDE user interface contains many of the same features as Visual Studio Code for the Web and some unique functionality for creating ServiceNow applications.

    Overview of the ServiceNow IDE user interface

    The ServiceNow IDE is an implementation of Visual Studio Code for the Web on the ServiceNow AI Platform, which includes the following features:

    • Basic editing and keyboard shortcuts
    • IntelliSense
    • Code navigation
    • Code and file search
    • Command palette
    • Source control integration

    Visual Studio Code for the Web is similar to Visual Studio Code Desktop but doesn't support all of the features that are available in the desktop interface. For information about browser-based implementations of Visual Studio Code, see Visual Studio Code for the Web. The following Visual Studio Code features aren't supported in the ServiceNow IDE:

    • Integrated terminal
    • Debugger
    • Marketplace extensions
    • Integrated unit testing
    • Remote development

    For general information about common features in Visual Studio Code and the ServiceNow IDE, see the Visual Studio Code documentation website.

    Features in the ServiceNow IDE

    Learn about features of the ServiceNow IDE user interface.

    Figure 1. ServiceNow IDE user interface
    Identify features in the ServiceNow IDE.
    1. ServiceNow IDE home page: Get started creating workspaces and applications and view existing workspaces. Switch between development environments using the experience switcher.
    2. Activity Bar
    3. Editor: Write source code and view application metadata through embedded ServiceNow AI Platform user interfaces.
    4. Status bar: View status information about your applications and files and build applications.

    In addition to these features, you can open the command palette to run a variety of commands to develop applications, manage files, use source control, and more. For more information, see Command palette.

    ServiceNow IDE home page

    The ServiceNow IDE home page with the user's workspaces listed.

    Create workspaces, access existing workspaces, and create or open applications. Clone a Git repository to add an existing application from a remote repository. To get started creating workspaces and applications, see Developing applications with the ServiceNow IDE. To clone a Git repository, see Clone a Git repository with the ServiceNow IDE.

    Figure 2. Experience switcher
    Experience switcher from the ServiceNow IDE

    Work in the right environment for your task by using the experience switcher to switch between developing in ServiceNow IDE, ServiceNow Studio, and Creator Studio. For information about configuring the experience switcher, see Configure non-default access to the experience switcher.

    File Explorer view

    File Explorer view

    Navigate through applications in a workspace and add files or folders. In the Outline section, view the outline of the active file in the editor. In the Timeline section, view a history of changes to the active file. For information about the default application file structure, see the Application structure section of the Building applications in source code topic.

    Search view

    Search view

    Search across files in the active workspace. The Search view supports using regular expressions, find and replace, and advanced search options.

    To search for files by name, open the search box with the following keyboard shortcuts:
    • Windows: Ctrl-P
    • Mac: Cmd-P

    Source Control view

    Source Control view

    See changes to files grouped by application and the type of change. Stage, commit, and push changes to a remote repository and pull changes into your local repository. Create and checkout branches for your applications. In the Commits section, see the commit history for branches in the repository. To get started integrating with source control providers, see Integrating source control with the ServiceNow IDE.

    File Categories view

    File Categories view

    Create, update, and view application metadata in the most applicable embedded ServiceNow AI Platform user interface in the editor. If you need to create some application metadata outside of source code, you can create application files from the File Categories view. For more information, see Create an application file in the ServiceNow IDE.

    Now SDK view

    Now SDK view

    Run commands from the ServiceNow SDK application packaging service to synchronize changes to application metadata or build and install an application. For more information, see Synchronizing applications in the ServiceNow IDE and Build and install an application in the ServiceNow IDE.

    Manage menu

    Manage menu

    Access and configure various aspects of the ServiceNow IDE user interface from the Manage menu. You can manage your settings, select a theme preference, view or edit keyboard shortcuts, and more.

    Editor

    Split view editor

    Write and edit code using IntelliSense, custom language processing and validation for ServiceNow Fluent, side-by-side editing, and more.

    After building an application, review changes to ServiceNow Fluent source code as application metadata in embedded ServiceNow AI Platform user interfaces without leaving the ServiceNow IDE. Application metadata opens in the most applicable embedded ServiceNow AI Platform user interface. From links in the editor, you can open the File Categories view for metadata defined with a dedicated ServiceNow Fluent API.

    Code Lens link in the Editor

    Switch between tabs and split the editor into groups. If a file has unsaved changes, the file tab includes a dot icon.

    File with unsaved changes.

    To get started developing applications in source code, see Developing applications with the ServiceNow IDE.

    Status bar

    Status bar

    Get information about the state of your application and build applications. View the progress when creating, building, and syncing applications. In addition, the status bar displays the active branch, problems in your code, the active application scope, the active update set, and more.

    From the status bar, the panel opens and displays more information about problems in your code and logging related to creating, building, and syncing applications.

    Panel with output logs

    Command palette

    Command palette

    Run commands to configure the user interface, develop applications, manage files, use source control, access a list of keyboard shortcuts, and more. The command palette includes commands unique to the ServiceNow IDE and Visual Studio Code commands. For a list of commands specific to the ServiceNow IDE, see ServiceNow IDE commands.

    To open the command palette, use one of the following keyboard shortcuts:
    • Windows: Ctrl-Shift-P
    • Mac: Cmd-Shift-P

    To close the command palette, press the Escape key.