Introduccion
1. Preparación del hardware;
2. Instalación del IDE de la aplicación rápida de la Unión;
3. Instalación del IDE de la aplicación rápida de Huawei;
4. Instalar el entorno Node.js;
5. Activar el modo de depuración del desarrollador móvil;
6. Instalación de la herramienta del teléfono móvil;
7.Hello World;
8. Aplicar rápidamente y desarrollar eficientemente los recursos relacionados.
1. Preparación de hardware
Tome mi entorno de desarrollo como ejemplo: una
computadora portátil MacBook Pro, otras computadoras portátiles o computadoras de escritorio también están disponibles; un
teléfono móvil Huawei Mate10 Pro, otras marcas o modelos de teléfonos inteligentes Android también están disponibles; una
computadora y una línea de conexión de teléfono móvil, Conveniente para que la computadora se conecte a la depuración USB del teléfono móvil.
En segundo lugar, la instalación IDE de la aplicación rápida Union
Ruta de descarga de IDE:
https://www.quickapp.cn/docCenter/IDEPublicity

Puede elegir la versión de Windows o la versión de Mac de acuerdo con el sistema operativo de su PC. Tomando la versión de Mac como ejemplo aquí, puede haber las siguientes indicaciones al instalar en MacOS, primero haga clic en el botón "Aceptar":

Abra las "Preferencias del sistema" de Mac OS:

Seleccione "Seguridad y privacidad":

Haga clic en "Todavía abierto" en el panel "General":


El proceso de instalación es infalible, siga las instrucciones para continuar:








El IDE de aplicación rápida de Union se ha instalado correctamente.
Abra el IDE, la interfaz es la siguiente:

En tercer lugar, la instalación IDE de la aplicación rápida de Huawei
Ruta de descarga de IDE:
https://developer.huawei.com/consumer/cn/doc/development/Tools-Guides/quickapp-obtain-ide

Puede elegir la versión de Windows o la versión de Mac de acuerdo con el sistema operativo de su PC. Aquí toma la versión de Mac como ejemplo:
primero descomprima el paquete zip:

Haga doble clic en el archivo dmg sin comprimir en la imagen de arriba:

Use el mouse para arrastrar y soltar el IDE en la imagen a continuación a la carpeta de la aplicación a la derecha:


Abra el IDE, la interfaz es la siguiente:

Cuarto, instale el entorno Node.js
Ruta de descarga: http://nodejs.cn/download/

Tome el "paquete de instalación de macOS" como ejemplo:







Ingrese el siguiente comando en la terminal para verificar la versión:

consejo:
Al depurar un nuevo proyecto en Quick Application Alliance IDE por primera vez, se puede informar el siguiente error porque el módulo less no está instalado:
Error de construcción Módulo no encontrado: Error: No se puede resolver
vue-cli 'less-loader' No admite menos, debe agregarlo usted mismo.
Primera opción, instalar cada vez menos cargador, ejecutar el siguiente comando en el directorio del proyecto
npm install less less-loader --save-dev
5. Active el modo de depuración para desarrolladores móviles
Tome el teléfono móvil Huawei mate10 Pro como ejemplo para demostrar cómo activar el modo de depuración del desarrollador del teléfono móvil:
haga clic en "Acerca del teléfono móvil" en la configuración del teléfono móvil:

Haga clic rápidamente varias veces en el "número de versión" para activar el modo desarrollador:

Vuelva al panel de configuración del teléfono y seleccione "Sistema y actualización":

Seleccione "Opciones de desarrollador":

Haga clic en "Seleccionar configuración USB" y cambie el valor predeterminado "Solo carga" a "MTP (Transferencia multimedia)":


Encienda el interruptor de depuración USB:

Seis, instalación de herramientas de telefonía móvil
1. Instalación de herramientas de terminal móvil para el desarrollo de aplicaciones Union Express:
Abra el IDE de aplicación rápida de Union previamente instalado y seleccione "Actualizar entorno del teléfono" en el menú Hap:

Espere un momento, aparecerá un mensaje emergente, haga clic en "Aceptar":

Autorice a instalar el motor en el teléfono móvil, después de la instalación, es como sigue:

2. Instalación de herramientas de terminal móvil para el desarrollo de aplicaciones Huawei Express:
Dependencias de instalación:


Instale el "Cargador rápido de aplicaciones":


7. El primer proyecto de aplicación rápida: Hello World
Tome el IDE de la aplicación Huawei Express como ejemplo:

Como se muestra a continuación, de acuerdo con su propia situación, complete el nombre de la aplicación, el nombre del paquete rpk, seleccione la ruta de almacenamiento, la plantilla, haga clic en "Aceptar":

Haga clic en el botón "Ejecutar" (asegúrese de que el teléfono y la computadora estén conectados de acuerdo con los "cinco, active el modo de depuración del desarrollador móvil") y compruebe que el teléfono móvil haya ejecutado su primera aplicación rápida:

Ocho, aplicación rápida y desarrollo eficiente de recursos relacionados
1. Biblioteca de componentes de IU de aplicación rápida "H-UI"
En la actualidad, la biblioteca de componentes de interfaz de usuario de aplicaciones más rápida del país "H-UI" es totalmente compatible con la alianza de aplicaciones rápidas y la aplicación rápida de Huawei. Proporcione más de 150 componentes de calidad, que incluyen: componentes básicos, componentes de texto, componentes de medios, componentes de orden superior, componentes de formulario, componentes de datos, componentes de navegación, componentes de código, retroalimentación operativa, componentes de gráficos, escenas de alta frecuencia, inteligencia artificial.
Código abierto de Github: https://github.com/H-UI-quickapp/H-UI
2.Documento de desarrollo de HUI
Experimente el rendimiento de los componentes HUI directamente en el entorno de aplicaciones rápidas, proporcionando descripciones detalladas de las características de las llamadas de componentes:
Huawei Application Market> Aplicación rápida> Documento de desarrollo de HUI
OPPO Application Market> Aplicación rápida> Documento de desarrollo de HUI
Xiaomi Market de aplicaciones> Aplicación rápida> Desarrollo de HUI Documentos (en revisión)
Experiencia de escaneo:

3. Blog oficial
https://h-ui-mobi.blog.csdn.net
4. Número público
Aplicación rápida HUI

5. Video didáctico
Número de Vibrato: QuickApp Nombre de Vibrato
: Aplicación rápida H-UI
