[HarmonyOS Development] Super detailed step-by-step instructions for installing DevEco Studio and its configuration

Foreword:

When installing DevEco Studio, there may be various small problems that are difficult to solve during installation or configuration. The following editor will teach you step by step how to install DevEco Studio.

download:

Development tool (DevEco Studio) download path

Select the version you need to download according to your system. For win systems, you can download Windows (64-bit). For Macos, please download Mac (ARM).

Note: If you have a mac system and an M1 or M2 chip, do not download the x86 version!

Install:

After the download is completed, we open the installation package and enter the following page

We click next to enter the following page

Be careful not to include Chinese characters in the storage location

Then you will enter the following page

Be careful to check CreateDesktopShortcut. This is to generate a shortcut on the desktop. If it is not checked, pure novices like us will not be able to find how to open it.

Click Install to install and then go to the next page

Click Finish to complete

Our software installation is complete, and then let us run the software for configuration

Configuration:

Run the software and enter this page

Click Agree

Just click OK

You will enter this page

If you have filled it out normally and can take the next step, you can skip this small part directly.

It doesn’t matter if you don’t have node.js etc. checked. Check Install and it will automatically download these things for you.

Many students are confused when they come here. If the computer is not obedient and cannot click Next, this is to choose the download path of these two things. If you don’t know where to download, you can create an environments folder on the D drive. Store these two downloaded things like this

Create nodejs folder and ohpm folder in this folder to store downloaded things

Now we can pull the paths to these two folders respectively.

like this

Then click next

There may be errors like this again here

Here comes the use of another hm_sdk_3.1 folder we just created. If it was not created just now, we can create it now.

We pull this download path to this folder

Then click next

Hook up these two things

It will become like this

Click next

The download started

After the download is completed, there is a page like this

Click Finish

In this way, our DevEco Studio compiler is installed

end:

Now, our DevEco Studio compiler installation is complete. Some people may have very good computers and will not encounter such troublesome operations in the intermediate configuration, but many students with naughty computers will not know how to start. This is also the original intention of publishing this super detailed step-by-step tutorial.

at last

Here is a "Hongmeng (HarmonyOS) Development Learning Guide", hoping to provide some help to those who want to learn Hongmeng but have no direction. (Due to the excessive content of the document, in order to avoid affecting everyone’s reading experience, only part of the content is shown in screenshots. There is a free way to obtain the detailed full version at the end of the article!)

"HarmonyOS Development Study Guide"

Chapter 1 Quick Start

1. Development preparation

2. Build the first ArkTS application (Stage model)

3. Build the first ArkTS application (FA model)

4. Build the first JS application (FA model)

5、…

Chapter 2 Development Basics

1. Basic knowledge of application packages

2. Application configuration file (Stage model)

3. Application configuration file overview (FA model)

4、…

Chapter 3 Resource Classification and Access

1. Resource classification and access

2. Create resource directories and resource files

3. Resource access

4、…

Chapter 4 Learning ArkTs Language

1. First introduction to ArkTS language

2. Basic grammar

3. Status management

4. Other status management

5. Rendering control

6、…

Chapter 5 UI Development

1. Overview of Ark Development Framework (ArkUI)

2. Based on ArkTS declarative development paradigm

3. Web-like development paradigm compatible with JS

4…

Chapter 6 Web Development

1. Overview of Web Components

2. Load the page using web components

3. Set basic properties and events

4. Use front-end page JavaScript in your application

5. Overview of ArkTS language basic class library

6. Concurrency

7…

11. Network and connections

12. Telephone service

13.Data management

14.File management

15.Background task management

16.Device management

17…

Chapter 7 Application Model

1. Overview of application model

2.Stage model development guidance

3.FA model development guidance

4…

Scan the QR code below to receive the "Hongmeng Study Guide" for free

|