Skip to main content

Web IDE

What is the DataOps Web IDE?

The DataOps Web IDE is a code editor running entirely in your browser, allowing you to quickly and safely browse your DataOps projects and make lightweight code changes. You can access it by clicking the Web IDE button from a project within the data product platform.

If you're looking to extend your development beyond just code writing and file editing, the ready-to-code environment DataOps.live Develop offers a set of tools and features to support every stage of the development lifecycle. See DataOps.live Develop for more information.

What happened to the old Web IDE?

The old Web IDE has been replaced with the new and improved Web IDE powered by Visual Studio Code for the Web. It has all the functionality of the old Web IDE. You can continue to use it in the same way as before — to write, edit, and manage code and files directly in your browser.

The basic web editor is still available for quick edits and changes. You can access it by selecting Edit this file only when viewing a single file in a project.

Walkthrough WebIDE

Learn how to navigate and use the WebIDE:

  1. Open your project on DataOps.live Operate, our data product platform, and click the Web IDE button. Or use the shortcut . on your keyboard.
  2. Make your changes.
  3. Navigate to the source control view to review your changes.
  4. Click Commit to 'main'.
  5. Select the desired pipeline behavior and confirm the commit.
  6. Use the status bar to navigate to the pipeline view.

Create a new branch

To create a branch from the current branch in the Web IDE:

  1. On the status bar, select the current branch name.
  2. From the dropdown list, select Create new branch….
  3. Enter the branch name.
  4. Press Enter.

Commit changes to a new branch

To commit changes to a new branch in the Web IDE:

  1. On the activity bar on the left, select Source Control, or press Control+Shift+G.
  2. Enter your commit message. Or leave it blank to use a generated message.
  3. Click the dropdown icon on the commit tab and select Commit to a new branch.
  4. Select the desired pipeline behavior.
  5. Enter a new branch name. Or leave it blank to use the generated name.
  6. Review the commit details and confirm by clicking Yes.

Create a merge request

To create a merge request in the Web IDE:

  1. Commit changes.
  2. In the pop-up notification in the lower-right corner, select Create Merge Request. A new window opens for you to create the merge request.

To access missed notifications, on the status bar, in the lower-right corner, select the bell icon for a list of notifications.

Open from merge request

To open the Web IDE from a merge request:

  1. Go to your merge request.
  2. In the upper-right corner, select Code → Open in Web IDE.

The Web IDE opens new and modified files in separate tabs and displays changes side by side with the source. To optimize loading time, only the top 10 files (by number of lines changed) are opened automatically.

In the file tree, any new or modified file in the merge request is indicated by an icon next to the filename. To view changes to a file, right-click the filename and select Compare with merge request base.

Open a file

To open any file by its name:

  1. Press Command+P.
  2. Start typing the name of the file.
  3. Select the file from the list.

Open a file

Search across files

You can use the Web IDE to search all files in the opened folder.

To search across files:

  1. Navigate to the search view, or press Control+Shift+F.
  2. Enter your search term.

In the Web IDE, only partial results from opened files are displayed.

Status bar

Here you can view the status of the latest pipeline of your current branch. You can click this item to navigate to the pipeline view.

If no pipeline has been run on the current branch, the status bar displays the latest commit instead.

Pipeline status

Use the command palette

In the Web IDE, you can access many commands through the command palette. To open the command palette and run a command:

  1. Press Shift+Command+P.
  2. In the search box, start typing the command name.
  3. From the dropdown list, select the command.