Usar la biblioteca de componentes de weapp de Vant en el subprograma WeChat

1. Primero cree un proyecto del programa WeChat Mini

Todos deberían saber todo aquí

2. Instale node.js

Generalmente, los desarrolladores de front-end instalarán esto.
Consulte el tutorial de instalación de nodos para el proceso de instalación específico . Recuerde usar la ruta predeterminada durante la instalación. No la cambie al azar. Una vez completada la instalación, ingrese el siguiente comando y el número de versión será exitoso (la versión es diferente Está bien)

3. Inicialice el módulo de nodo en el directorio del proyecto.

Herramientas para desarrolladores de WeChatComo administradorAbra el proyecto que necesita introducir el componente vant, haga clic en el terminal en la parte inferior de la consola e ingrese npm init -y en la nueva línea de comando del terminal
Inserte la descripción de la imagen aquí

Inserte la descripción de la imagen aquí

4. Instale vant weapp

También ingrese el siguiente comando en el directorio actual

npm i @vant/weapp -S --production


En este momento, encontrará algunos archivos más en el directorio

5. Construir npm

Abra el proyecto en las herramientas de desarrollo de WeChat, haga clic en Detalles, marque Usar la

herramienta de clic del módulo npm, haga clic en Crear módulo npm

y se agregará otra carpeta

6, completo

Ahora puede usar vant weapp un uso específico ver el documento oficial, escrito con gran detalle, documentos oficiales de vant weapp
que escribo aquí un ejemplo, copie el código del documento oficial que viene
Inserte la descripción de la imagen aquí
a consultar la documentación oficial, el global registrado en este componente en app.json

Imagen de efecto

Supongo que te gusta

Origin blog.csdn.net/UCB001/article/details/107199469
Recomendado
Clasificación