En segundo lugar, el establecimiento de un proyecto- "Aplicación rápida + Nube de primavera" combinado boxeo-tutorial técnico práctico de aplicación rápida social

Resumen

Tome el IDE de la alianza de aplicaciones rápidas como ejemplo (versión macOS), demuestre cómo construir un proyecto de combate real de aplicaciones rápidas con soporte de biblioteca de componentes HUI, y depure y ejecute en una máquina real;

1. Vaya a la carpeta donde desea crear el proyecto.

Suponga que desea colocar su proyecto en el directorio "/Users/mac.manon/workspace/QuickAppProjects" (seleccione el directorio según sus necesidades y ajuste la ruta del directorio en el siguiente comando en consecuencia).
Herramienta de terminal abierta macOS (use el comando cmd en Windows):

cd /Users/mac.manon/workspace/QuickAppProjects

2. Inicialice el proyecto de aplicación rápida

git clone https://github.com/H-UI-quickapp/H-UI.git

Cambie el nombre de la carpeta al nombre de su proyecto de acuerdo con sus necesidades, supongamos que queremos que el proyecto se llame "hui.mobi.sns"

Ingrese esta carpeta (ajuste la ruta en el siguiente comando de acuerdo con su ruta de directorio real):

cd /Users/mac.manon/workspace/QuickAppProjects/hui.mobi.sns

Borrar información de control de versión de git del proyecto

find . -name ".git" | xargs rm -rf

Ahora puede agregar el nuevo proyecto hui.mobi.sns a su administración de git.

3. Use el IDE de Quick App Alliance para abrir el proyecto

1>. Modifique el nombre en package.json y package-lock.json a "hui.mobi.sns".

2>. Modifique el paquete manifest.json a "hui.mobi.sns" y cambie el nombre (nombre de la aplicación) a "Quick Application Technology Circle".

3>. En este momento, la interfaz de vista previa local en el lado derecho del IDE indica que falta el archivo de clave privada, seleccione el menú Hap> Generar certificado

Seleccionar depuración

Sigue las indicaciones para crear tu firma:

4>. En este momento, la interfaz de vista previa local en el lado derecho del IDE genera un error de compilación, y el siguiente mensaje puede aparecer en la esquina inferior derecha:

4>. Haga clic en "Instalar todas las dependencias", espere un momento, se agrega un directorio "node_modules" al directorio del proyecto, y la interfaz de página de bienvenida predeterminada se muestra en la vista previa local en el lado derecho del IDE, lo que indica que se han instalado las dependencias básicas relevantes (error de compilación anterior La interfaz del indicador rojo desapareció):

5>. Conecte el teléfono móvil y la computadora con un cable de datos y active el modo de depuración USB (si no, consulte el artículo anterior "Instalar un entorno de desarrollo de aplicaciones rápido, construir la primera aplicación rápida Hello World-H5 / Applet / Vue Front-end Developer Leer "), ingrese el comando en la terminal del IDE de la alianza: npm run server

6>. Haga clic en el botón "Ejecutar" de depuración en la esquina inferior izquierda del IDE:

7>. En este momento, activará el depurador rápido de aplicaciones en el teléfono móvil, iniciará la depuración USB y hará clic en el botón "actualización en línea":

El nuevo proyecto se está ejecutando en el teléfono real:

En este punto, se está ejecutando un proyecto con su propio soporte de biblioteca de componentes HUI. El código fuente de este proyecto de demostración está abierto para su referencia:

Código fuente de Github:
https://github.com/H-UI-quickapp/hui.mobi.sns

Supongo que te gusta

Origin www.cnblogs.com/cloud-dev/p/er-jian-li-xiang-mu--kuai-ying-yong--Spring-Cloudz.html
Recomendado
Clasificación