Development Environment Preparation

1. Purpose

This document is for beginners in OpenHarmony application development. By building a simple application with page jump/return functionality (as shown in the image below), you can quickly understand the main files in the project directory and become familiar with the OpenHarmony application development process.

2. Tool Preparation

Install the latest version of DevEco Studio:

  1. Download DevEco Studio from Baidu Cloud to your local computer, path:
TOOL
  1. Extract the compressed package to a local directory. The folder contains the exe file and PDF documentation:
TOOL

Note:

Use a shorter path to prevent potential path 1024 character errors in subsequent operations.

  1. Double-click the exe file, wait a moment, and the installation prompt will appear. Click [Next].
TOOL
  1. Select the installation location. Choose the drive with the most free space. The example uses D drive. Note: Create a a new empty folder, otherwise an error will occur.
TOOL
  1. Check the desktop shortcut option.
TOOL
  1. Click [Install] to install.
TOOL
  1. If the following is displayed, the installation is complete:
TOOL
  1. You can now see the [DevEco Studio] shortcut on the desktop.
TOOL

3. DevEco Studio Initial Configuration

  1. Double-click to open the [DevEco Studio] shortcut on the desktop.
TOOL

  1. You can see some statements. Click [Agree] to agree.

  2. After completion, you will see the settings selection. Since we haven't set it yet, just click [OK] by default.

  3. This requires local Node.js environment and Ohpm. If you don't have them, click [Install] to install. But you need to set the installation location. Just create a new Nodejs and Ohpm folder in the installation tool location:

TOOL
  1. Set the SDK download location and click [Next].
TOOL
  1. Click [Accept], then click [Next] 2 more times.
TOOL
  1. Installing, wait for it to complete.
TOOL
  1. Download complete result: "successful" indicates everything succeeded.
TOOL