DevEco Studio 5.1.0: Build and Run Your First HarmonyOS Wearable App on Huawei Watch 5

Read the original article：DevEco Studio 5.1.0: Build and Run Your First HarmonyOS Wearable App on Huawei Watch 5

🧭 Introduction

Huawei's new DevEco Studio 5.1.0 offers a powerful development environment for building HarmonyOS applications, including wearables like the Huawei Watch 5. In this guide, we'll walk through:

• Installing the IDE




• Creating a simple “Hello, World!” wearable app




• Running it on Previewer




• Deploying it to a real Watch 5 device over Wi-Fi

Let's begin.

🛠️ Step 1: Download & Install DevEco Studio 5.1.0

👉 Download DevEco Studio: DevEco Studio Download Page

📘 Installation Guide: Official Installation Documentation

DevEco Studio 5.1.0 comes with built-in ArkTS language support and HarmonyOS templates.

Once installed, log in using your Huawei ID to access device deployment and signing capabilities.

📱 Step 2: Create a “Hello World” Wearable Project

Go to File > New > Create Project

Choose Empty Ability

Set** Device Type **to Wearable

This will generate a basic project with Index.ets as your default UI entry point.

✨ Step 3: Run the App on Previewer

Use DevEco Studio's built-in live previewer to render your layout without a physical device instantly.

Let's try and update the message state text in Index.ets like this:

@Entry

@Component

struct Index {

  @State message: string = '👋 Hello, Watch 5!'; // Updated



  build() {

    RelativeContainer() {

      Text(this.message)

        .id('HelloWorld')

        .fontSize($r('app.float.page_text_font_size'))

        .fontWeight(FontWeight.Bold)

        .alignRules({

          center: { anchor: '__container__', align: VerticalAlign.Center },

          middle: { anchor: '__container__', align: HorizontalAlign.Center }

        })

        .onClick(() => {

          this.message = 'Welcome';

        })

    }

    .height('100%')

    .width('100%')

  }

}

🖱️ Click the Previewer button to see the result.

⌚ Step 4: Run on a Physical Huawei Watch (e.g., Watch 5)

✅ A. Connect the Watch via Wi-Fi

1. Ensure your Computer and Watch 5 are on the same Wi-Fi network.




2. On the watch, go to:

• Settings > About > Software Version




• Tap Build Number several times to enable Developer Options

1. Enable:

• ✅HDC debugging




• ✅Debug via Wi-Fi (Shows IP address and port information)

To connect from your computer:

• Go to Tools > IP Connection




• Enter the watch's IP address and port




• Click the green Connect button

🔏 B. Sign the App with Huawei Developer Account

DevEco Studio typically signs the app automatically if you're signed in.

If signing fails, use the manual method:

Manual Signing Steps:

1. Prepare Signature Files: Signature File Guide




2. Go to File > Project Structure > Signing Config tab




3. Follow the instructions in: Configuring Signature Information

▶️ Step 5: Deploy the App to Your Watch

1. Select your connected Watch 5




2. Click Run > Run 'entry'




3. DevEco Studio will build and deploy the app

Once installed, you should see "Hello, Watch 5!" on your actual watch screen 🎉

✅ Conclusion

DevEco Studio 5.1.0 offers a polished, integrated experience for ArkTS wearable app development.

Whether you're exploring UI layouts or deploying full-featured apps on HarmonyOS, you're just a few steps away from launching on real hardware.

Start simple, test fast, and scale confidently — straight to the wrist.

📚References

(https://forums.developer.huawei.com/forumPortal/en/topic/0201189851517240055?fid=0102647487706140266)

Written by Bilal Basboz