minapp
Redefiniendo el desarrollo de los mini programas WeChat
Registro de cambios
Se lanzó minapp 2.0.0. La nueva versión utiliza principalmente el paquete web 4. Verifique la actualización de v1.x a v2.x.
introducir
minapp es un conjunto de herramientas creadas para desarrollar subprogramas de WeChat para mejorar la experiencia de desarrollo:
- Proporciona una herramienta de línea de comando
@minapp/cli , que se puede usar para crear rápidamente un proyecto y usar el paquete web para construir el proyecto generado; - Proporcione un marco de desarrollo
@minapp/core . Este marco es totalmente compatible con el código del subprograma nativo. Admite el desarrollo mediante clases, admite la finalización automática de código y también proporciona la finalización automática de todas las API de WeChat. - Proporciona un marco
@minapp/mobx que integra mobx. Este marco inyecta principalmente mobx en @minapp/core , lo que le permite usar mobx fácilmente para administrar datos globales. - Proporcione un complemento vscode
minapp-vscode . Este complemento es principalmente un lenguaje de plantilla wxml para programas pequeños. Puede completar automáticamente todos los componentes, atributos de componentes, valores de atributos de componentes, etc.
Nota: Después de usar minapp, aún necesita usar las "Herramientas para desarrolladores de WeChat" proporcionadas oficialmente por WeChat para realizar pruebas.
usar
- Utilice npm para instalar herramientas de línea de comandos:
npm install -g @minapp/cli - Inicialice el proyecto:
minapp init <你要创建项目的文件夹> (admite la creación de proyectos js y ts al mismo tiempo) - Instale dos complementos de vscode: minapp y dot-template (opcional, pero recomendado)
Características
- Totalmente compatible con miniprogramas nativos, todos los códigos de miniprogramas nativos se pueden migrar directamente al entorno minapp
- Integre webpack y webpack-dev-server para garantizar la compilación
- Puede optar por utilizar mobx para facilitar la gestión global de datos.
- Todos los idiomas se pueden completar automáticamente en el entorno minapp y la experiencia de desarrollo es excelente (consulte
功能概览a continuación) - Admite enlace de datos bidireccional
- optimización del rendimiento de setData
Descripción general de funciones (en el editor vscode)
Todas las interfaces wx tienen recordatorios inteligentes, incluidos los parámetros de la interfaz y los valores de retorno.
Los usuarios que no son minapp también pueden instalar @minapp/wx para obtener esta función, consulte aquí
Proporciona una versión prometedora de la interfaz wx wxp, que es igual que wx, excepto que prometerá todas las funciones en wx que requieren tres parámetros de éxito/fallo/completo.
- wxp también admite el uso de devoluciones de llamada exitosas
- wxp agrega un método finalmente a Promise; por ejemplo, puede usar
wxp.getUserInfo().finally(() => { /* do something */ })
La integración de mobx hace que sea muy conveniente modificar los datos globales y actualizar automáticamente el estado actual de la página.
- Para inyectar Store, solo necesita agregar el objeto Store en la función appify.
- Los objetos de la tienda se inyectan en la página y el componente de forma predeterminada. Puede utilizar
this.store para obtenerlos.
El lenguaje de plantilla wxml admite resaltado de sintaxis, indicaciones inteligentes de componentes y indicaciones inteligentes de atributos de componentes (es necesario instalar la minapp del complemento vscode)
Para obtener más detalles sobre las funciones de este complemento, haga clic aquí para ver
El archivo json admite mensajes automáticos.
Al crear una nueva carpeta de página, los archivos relacionados se generan automáticamente (es necesario instalar la plantilla de puntos del complemento vscode)
- Cree automáticamente archivos relevantes con el mismo nombre, incluidos js/json/wxml/scss, y puede modificar estos archivos de plantilla en cualquier momento en la carpeta .dtpl.
- Inyecte automáticamente la ruta de la página recién creada en la carpeta app.json
La página del mini programa admite indicaciones de funciones automáticas.
De la misma manera, al crear una nueva carpeta de componentes, también se crearán archivos relacionados al mismo tiempo y la función de ciclo de vida en el componente también lo solicitará automáticamente;
Acerca de la descripción de este almacén
Este no es un proyecto, es una combinación de varios proyectos, utilizando la herramienta de desarrollo lerna. Otros proyectos se encuentran en el directorio de paquetes. Aquí hay una breve descripción de varios de los proyectos principales.
- minapp-generator: este módulo es responsable de analizar los documentos oficiales de WeChat y generar datos estructurados para que los utilicen otros módulos.
- minapp-wx: definiciones TypeScript de todas las API nativas de WeChat y también proporciona una versión prometedora de la interfaz wx
- minapp-core: marco de desarrollo, debe depender de minapp-wx
- minapp-mobx: un marco de desarrollo que integra mobx y necesita depender de minapp-core
- minapp-cli: una herramienta de línea de comandos proporcionada a los usuarios y que puede crear rápidamente un nuevo proyecto
- minapp-vscode: complemento vscode, que proporciona resaltado de sintaxis y finalización automática de etiquetas y atributos para wxml
HACER
