#ZS|# Development Environment Preparation

#KM|

#WQ|# 1. Purpose

#RW|

#RR|This document is for beginners in OpenHarmony application development. By building a simple application with page navigation/return functionality (as shown in the figure below), you can quickly understand the main files in the project directory and familiarize yourself with the OpenHarmony application development process.

#SY|

#BJ|# 2. Tool Preparation

#XW|

#SS|Install the latest version of DevEco Studio:

#SK|

#RX|Download link: https://developer.huawei.com/consumer/cn/deveco-studio/

#TX|

#VZ|1) Download the DevEco Studio tool from Baidu Cloud to your local computer:

#BY|

#HY| TOOL

#VP|

#KJ|2) Extract the compressed package to a local directory. The file contains the exe file and PDF documentation:

#KS|

#ZH| TOOL

#YQ|

#HT|::: warning Note: #WV|Use a shorter path to prevent potential path 1024 character errors in subsequent operations #WJ|::: #KW|

#SK|3) Double-click the exe file, wait a moment for the installation prompt to appear, click [Next]

#HK|

#BN| TOOL #HQ|

#RM|4) Choose the installation location - whichever drive has more free space. The example is placed in D drive. Note that you need to create a new empty folder, otherwise it will report an error;

#ZM|

#NZ| TOOL

#JQ|

#VH|5) Check the desktop shortcut option

#WV|

#XJ| TOOL

#MV|

#PX|6) Click [Install] to install

#BN|

#PW| TOOL

#ZK|

#JW|7) If the following is displayed, the installation is complete:

#XN|

#XP| TOOL

#PB|

#SQ|8) At this point, you can see the [DevEco Studio] shortcut on the desktop.

#TJ|

#ZR| TOOL

#BY|

#BB|# 3. [DevEco Studio] Initial Configuration

#QW|

#JQ|1) Double-click the [DevEco Studio] shortcut icon on the desktop

#NM|

#XW| TOOL

#YJ|

#MM|2) We can see some of its statements. Here, simply click [Agree] to indicate that I agree

#XN|

#QQ|3) After completion, you will see the settings selection. We haven't set it yet, so just click [OK] by default

#KR|

#TQ|4) This requires local Node.js environment and Ohpm. However, we usually don't have them. If not, we can directly select [Install] to install. However, you need to set the installation location. You need to create new Nodejs and Ohpm folders in the tool installation location:

#HQ|

#HQ| TOOL