Openharmony App development tutorial (1) Creating a New Project

For Openharmony development. There are 2 directions. Northern and southern.

It’s very easy to understand. Southern is going down to embeded development. Considering circuit boards transplanting. Actually that’s not I’m good at. Northern development is going up for App development. As we usually use on the phone. This series of tutorial is going to introduce Openharmony northern development. If you need any details please check this official document.

https://docs.openharmony.cn/pages/v5.0/en/application-dev/application-dev-guide.md

First let’s meet our developers IDE called DevEco Studio. This is the official download link. https://developer.huawei.com/consumer/cn/download/ You may firstly register a developer’s account following the prompt. I also uploaded latest version of the IDE for all available platforms.

https://drive.google.com/drive/folders/1IFFotm3_6HnwIqqqtNjTGRlyp2XcgRqf?usp=drive_link

Checksums:

DevEco Studio for Windows 5.0.9.300

50e584449287d3656233a11bf14fae7d3246512ab4415f381b5c0b16e50c36dd

DevEco Studio for Mac(x86) 5.0.9.300

90e57791af43f600f40112d001aeda911cf849db02f159e725f3a0774edb226b

DevEco Studio for Mac(ARM) 5.0.9.300

3edace3dc771439fe79cb2649ed35991463944fe503e7b59b1c6847d55bcad88

Installing is very simple just like usual apps on the pc.

After that, let’s start to create a new project.

Quite like intellij idea. Yes it’s modified from community version with their own SDKs. When first time running the UI shoul like above. Click “Create Project” button.

Let’s choose Application -> Empty Ability then click next.

Explaination

1. Your awesome project name.
2. The ID of your app. Same bundle name is considered the same app in system.
3. Where your project is located.
4. Don’t hesitate. Choose the last one.
5. Name for default module of your project. Usually keep default.
6. At least choose one. Usually keep default.
7. So usually just modify first 3 lines.

Then it goes to the coding page. At the beginning, it’ll download some modules. The progress bar can be seen in the bottom. After the progress finished, it’s free to coding and the error line in the screenshot should disappear.

Click previewer on the right end of the IDE to see the UI for current file instantly. If you cannot see previewer tab, click in the menu View -> Appearance -> Tool Window Bars.

In this post. We learned how to setup our developing environment of Openharmony northern (App) development. Started a new project.