dcloud-hello-uniapp: Пример демонстрации фреймворка uni-app.

uni-app — фреймворк, пример использования которого представляет собой код, предназначенный для одновременного выпуска на iOS, Android, H5 и в виде мини-программы. Чтобы быстро оценить возможности uni-app, предлагается отсканировать QR-код снизу.

Быстрый старт

Пример проекта hello-uniapp можно создать двумя способами: с помощью HBuilderX (рекомендуется) или через интерфейс командной строки (CLI).

Создание с использованием HBuilderX

Визуальный способ создания проще, так как HBuilderX содержит все необходимые инструменты. Разработчику нужно только скачать и установить следующее ПО:

HBuilderX — официальная интегрированная среда разработки (IDE), которую можно загрузить по ссылке https://www.dcloud.io/hbuilderx.html.

HBuilderX является универсальным инструментом для разработки фронтенда, но он был специально улучшен для работы с uni-app. Рекомендуется использовать версию для разработчиков приложений.

Поскольку скриншоты не отображаются на GitHub, обратитесь к официальной документации HBuilderX Visual Interface Creation.

Создание через CLI

npm install -g @vue/cli

Создание uni-app

Использование официальной версии (соответствует последней официальной версии HBuilderX):

vue create -p dcloudio/uni-preset-vue my-project

Использование альфа-версии (соответствует последней альфа-версии HBuilderX):

vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project

На этом этапе будет предложено выбрать шаблон проекта. Выберите шаблон «Hello uni-app» следующим образом:

После создания проекта перейдите в каталог проекта:

cd my-project

Запустите команду для запуска на стороне H5:

npm run dev:h5

Не стесняйтесь создавать проблемы и задавать вопросы в официальном сообществе.

Сканирование QR-кода для тестирования

Один и тот же код может быть использован на 10 различных платформах. Это не мечта, это реальность! Отсканируйте 10 QR-кодов и убедитесь в эффективности кроссплатформенной разработки!