---
title: "DevTool: How to develop Dashboards locally?"
canonical: "https://onesaitplatform.refined.site/space/DOCT/2220792404/DevTool%3A%20How%20to%20develop%20Dashboards%20locally%3F"
format: markdown
---
EN | [ES](https://onesaitplatform.atlassian.net/wiki/spaces/DOC/pages/2215913777)

> Macro (toc)

This tool allows you to develop existing dashboards in a local environment without an Internet connection.

## Requirements

- **npm 6.13.4 or higher**
- **node v12.14.0 or higher**
- **Code editor like Visual Studio Code**
- **Google Chrome Navigator**

With these requirements, you need to download the GitHub project [https://github.com/onesaitplatform/onesait-cloud-platform-dashboard-devtools](https://github.com/onesaitplatform/onesait-cloud-platform-dashboard-devtools)  and do “npm install”

---

First of all, you need to download an existing dashboard model to prepare the workspace for developing it.

## Steps to prepare the workspace

1. You need to download the dashboard model with the button or REST API for it, and move it to the "/models/downloaded" folder.
2. Run "preparews” (“prepare workspace") with it (this prepares your workspace in the src folder for local development):
  For example:
3. That's it, now you can run the dashboard engine development server go to the index page and select your dashboard at [http://localhost:3000](http://localhost:3000)

## Steps to deploy the workspace

1. Get a new final version of your code working in the local environment.
2. Run the build model from the workspace:
  For example:
3. Update the dashboard on the platform with the one generated in the "/models/dist" folder.

At the moment, the developer tools only allow you to build existing templates. You can't build a gadget without a template, and you can't move or resize it with the UI. You can modify the generated JSON file, but we recommend against it.