Getting started with the App Editor

In this topic, you learn how to create a new project in the App Editor or open an existing project.


  • There are no prerequisites


  1. In the Cockpit, go to Development and click App Editor.

    Result: The app editor opens with a blank screen.

    app editor start
  2. On the shell bar, click Project.

    Result: A drop-down menu opens.

    app editor create project dropdown

Create a new project

  1. Choose Create from the drop-down menu.

    Result: The New Project dialog opens.

  2. In Type, select vue or react.

    You can change the type while editing.
  3. In Template, you can choose a predefined template for the project. Available are typescript, basic, or none.

  4. Enter a Name for the project.

  5. Enter a Description of your project.

  6. In Clone Git Repository, enter the URL of a git repository you are cloning and that you want to store this project in.

    app editor create dialog
  7. Click Ok.

Open an existing project

  1. Choose Open from the drop-down menu.

    Result: A dialog with all existing projects opens.

  2. Click on the project you want to open.

    Result: The project opens. Toggle edit mode to can edit it.

    app editor open project


  • You have opened an existing project or created a new project and can work with it.