Подготовьте среду разработки HarmonyOS.

введение

Прежде чем приступить к разработке HarmonyOS, вам необходимо подготовить среду разработки. В этой главе вы подробно узнаете, как установить HarmonyOS SDK, настроить среду разработки и создать проект HarmonyOS.

HarmonyOS SDK — это комплект разработки программного обеспечения для разработки приложений HarmonyOS. Он включает в себя такие инструменты, как компиляторы, симуляторы и отладчики.

1.1 Загрузите SDK HarmonyOS

Откройте официальный сайт Huawei HarmonyOS .
Перейти в сообщество разработчиков.
В сообществе разработчиков найдите страницу загрузки HarmonyOS SDK .
Выберите версию, подходящую для вашей операционной системы.
Нажмите кнопку «Загрузить», чтобы загрузить HarmonyOS SDK.

1.2 Установите HarmonyOS SDK

Откройте загруженный установочный пакет HarmonyOS SDK.
Дважды щелкните установочный файл, чтобы запустить программу установки.
Следуйте инструкциям установщика, выберите путь установки и примите лицензионное соглашение.
Нажмите кнопку «Установить», чтобы начать установку HarmonyOS SDK.
После завершения установки нажмите кнопку «Готово».

2. Настройте среду разработки

Настройка среды разработки — важный шаг, который повлияет на эффективность вашей разработки.

2.1 Настройка JDK

Убедитесь, что на вашем компьютере установлен JDK. Если он не установлен, сначала установите JDK.
Настройте переменную среды JAVA_HOME.
- Откройте панель управления.
- Нажмите «Система».
- Нажмите «Дополнительные настройки системы».
- Нажмите «Переменные среды».
- В «Системных переменных» нажмите «Создать».
- Введите «Имя переменной» как JAVA_HOME.
- Введите «Значение переменной» в качестве пути установки JDK.
- Нажмите кнопку «ОК».

2.2 Настройка среды разработки

Запустите установленную DevEco Studio. При первом использовании выберите «Не импортировать настройки» и нажмите «ОК».
Войдите на страницу мастера работы DevEco Studio и измените реестр npm. DevEco Studio предварительно установила соответствующее хранилище (хранилище npm по умолчанию может быть недоступным или медленным для некоторых разработчиков). Непосредственно нажмите «Начать использование DevEco Studio», чтобы перейти к следующему шагу.
Чтобы установить информацию Node.js, вы можете указать локально установленный Node.js (требование к версии Node.js — v14.19.1 и выше, и ниже, чем v15.0.0; соответствующее требование к версии npm — 6.14.16 и выше, и ниже). 7.0.0); если локально подходящей версии нет, вы можете нажать кнопку «Загрузить», чтобы загрузить Node.js онлайн. В этом примере в качестве примера используется загрузка Node.js. После выбора источника загрузки и пути к хранилищу нажмите «Далее», чтобы перейти к следующему шагу. Дождитесь завершения установки Node.js, затем нажмите «Готово», чтобы перейти к следующему шагу.
В интерфейсе настройки компонентов SDK установите пути хранения OpenHarmony SDK и HarmonyOS SDK и нажмите «Далее», чтобы перейти к следующему шагу.
На всплывающей странице с информацией о загрузке SDK нажмите «Далее», а во всплывающем окне «Лицензионное соглашение» прочитайте Лицензионное соглашение и согласитесь с Лицензионным соглашением (вы должны принять Лицензионное соглашение как OpenHarmony SDK, так и HarmonyOS SDK), и нажмите «Далее», чтобы начать загрузку SDK.
Дождавшись завершения загрузки SDK, нажмите «Готово», чтобы завершить загрузку SDK, и интерфейс перейдет на страницу приветствия DevEco Studio.
Настройте переменные среды инструмента HDC (Windows добавляет переменные среды, добавляет имя переменной порта HDC: HDC_SERVER_PORT, значение переменной можно установить для любого незанятого порта, например 7035)

2.3 Настройка симулятора

Откройте SDK HarmonyOS.
В SDK найдите страницу конфигурации симулятора.
Следуйте инструкциям на странице конфигурации, чтобы настроить эмулятор.

2.4 Настройка IDE

Откройте SDK HarmonyOS.
В SDK найдите страницу конфигурации IDE.
Следуйте инструкциям на странице конфигурации, чтобы настроить IDE.

3. Создайте проект HarmonyOS.

Создание проекта HarmonyOS — это первый шаг к началу разработки.

3.1 Выбор шаблона проекта

Откройте SDK HarmonyOS.
В SDK найдите страницу «Создать проект».
На странице «Создать проект» выберите шаблон проекта.

3.2 Элементы конфигурации

Введите имя проекта.
Введите имя пакета проекта.
Выберите целевую платформу для вашего проекта.

3.3 Создать проект

Нажмите кнопку «Создать».
HarmonyOS SDK автоматически создаст проект.

3.4 Структура каталогов проекта

запись: инженерный модуль HarmonyOS, компиляция и сборка для создания пакета HAP.
- src > main > ets: используется для хранения исходного кода ArkTS.
- src > main > ets > MainAbility: точка входа приложения/сервиса.
- src > main > ets >pages: страницы, включенные в приложение/сервис.
- src > main > resources: используется для хранения файлов ресурсов, используемых приложениями/службами, таких как графика, мультимедиа, строки, файлы макета и т. д. Подробное описание файлов ресурсов можно найти в классификации файлов ресурсов.
- src > main > config.json: файл конфигурации модуля. В основном он включает в себя информацию о конфигурации пакета HAP, информацию о конфигурации приложения/службы на конкретном устройстве и информацию о глобальной конфигурации приложения/службы. Подробное описание файла конфигурации см. в разделе Описание файла конфигурации (JS/ArkTS).
- build-profile.json5: текущая информация о модуле, элементы конфигурации информации о компиляции, включая buildOption, целевую конфигурацию и т. д.
- hvigorfile.ts: сценарий задачи компиляции и сборки на уровне модуля. Разработчики могут настраивать связанные задачи и реализацию кода.
build-profile.json5: информация о конфигурации уровня приложения, включая подписи, конфигурации продукта и т. д.
hvigorfile.ts: сценарий задачи компиляции и сборки на уровне приложения.
Создайте страницу: нажмите «entry > src > main > ets >pages» и откройте файл «index.ets».

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        Button() {
          Text('Next').fontSize(30).fontWeight(FontWeight.Bold)
        }.type(ButtonType.Capsule).margin({top:20}).backgroundColor('#0D9FFB').width('40%').height('5%')
      }
      .width('100%')
    }
    .height('100%')
  }
}

4. Резюме

В этой главе представлены подробные инструкции по установке HarmonyOS SDK, настройке среды разработки и созданию проекта HarmonyOS. Теперь вы готовы начать разработку HarmonyOS.