minapp
Redefinindo o desenvolvimento de miniprogramas WeChat
Registro de alterações
minapp 2.0.0 foi lançado. A nova versão usa principalmente o webpack 4. Verifique a atualização de v1.x para v2.x.
introduzir
minapp é um conjunto de ferramentas criadas para desenvolver miniaplicativos WeChat para melhorar a experiência de desenvolvimento:
- Fornece uma ferramenta de linha de comando
@minapp/cli , que pode ser usada para criar rapidamente um projeto e usar o webpack para construir o projeto gerado; - Fornece uma estrutura de desenvolvimento
@minapp/core . Esta estrutura é totalmente compatível com o código do miniaplicativo nativo. Ela suporta o desenvolvimento usando classes, suporta o preenchimento automático de código e também fornece o preenchimento automático de todas as APIs do WeChat. - Fornece uma estrutura
@minapp/mobx que integra mobx. Esta estrutura injeta mobx principalmente em @minapp/core , permitindo que você use mobx facilmente para gerenciar dados globais. - Fornece um plug-in vscode
minapp-vscode . Este plug-in é principalmente uma linguagem de modelo wxml para programas pequenos. Ele pode completar automaticamente todos os componentes, atributos de componentes, valores de atributos de componentes, etc.
Nota: Depois de usar o minapp, você ainda precisa usar as "Ferramentas de desenvolvedor do WeChat" fornecidas oficialmente pelo WeChat para teste.
usar
- Use npm para instalar ferramentas de linha de comando:
npm install -g @minapp/cli - Inicialize o projeto:
minapp init <你要创建项目的文件夹> (suporta a criação de projetos js e ts ao mesmo tempo) - Instale dois plug-ins vscode: minapp e dot-template (opcional, mas recomendado)
Características
- Totalmente compatível com miniprogramas nativos, todos os códigos de miniprogramas nativos podem ser migrados diretamente para o ambiente minapp
- Integre webpack e webpack-dev-server para garantir a compilação
- Você pode optar por usar mobx para facilitar o gerenciamento global de dados
- Todos os idiomas podem ser preenchidos automaticamente no ambiente minapp, e a experiência de desenvolvimento é excelente (veja
功能概览abaixo) - Suporta vinculação de dados bidirecional
- setData otimização de desempenho
Visão geral da função (no editor vscode)
Todas as interfaces wx possuem lembretes inteligentes, incluindo parâmetros de interface e valores de retorno.
Usuários que não são do Minapp também podem instalar @minapp/wx para obter esse recurso, veja aqui
Fornece uma versão prometida da interface wx wxp, que é igual a wx, exceto que promete todas as funções em wx que requerem três parâmetros de sucesso/falha/conclusão
- wxp também suporta o uso de retornos de chamada de sucesso
- wxp adiciona um método finalmente ao Promise, por exemplo, você pode usar
wxp.getUserInfo().finally(() => { /* do something */ })
A integração do mobx torna muito conveniente modificar dados globais e atualizar automaticamente o status atual da página.
- Para injetar Store, você só precisa adicionar o objeto Store na função appify.
- Os objetos Store são injetados na página e no componente por padrão. Você pode usar
this.store para obtê-los.
A linguagem de modelo wxml suporta realce de sintaxe, prompts inteligentes de componentes e prompts inteligentes de atributos de componentes (o minapp do plug-in vscode precisa ser instalado)
Para mais detalhes sobre as funções deste plug-in, clique aqui para visualizar
arquivo json suporta prompts automáticos
Ao criar uma nova pasta de página, os arquivos relacionados são gerados automaticamente (o plug-in dot-template do vscode precisa ser instalado)
- Crie automaticamente arquivos relevantes com o mesmo nome para você, incluindo js/json/wxml/scss, e você pode modificar esses arquivos de modelo a qualquer momento na pasta .dtpl.
- Injete automaticamente o caminho da página recém-criado na pasta app.json
O miniprograma Page oferece suporte a prompts de função automáticos.
Da mesma forma, ao criar uma nova pasta de componente, os arquivos relacionados também serão criados ao mesmo tempo, a função de ciclo de vida no componente também será solicitada automaticamente;
Sobre esta descrição do armazém
Este não é um projeto, é uma combinação de vários projetos, utilizando a ferramenta de desenvolvimento lerna. Outros projetos estão no diretório de pacotes. Aqui está uma breve visão geral de vários dos principais projetos.
- minapp-generator: Este módulo é responsável por analisar documentos oficiais do WeChat e gerar dados estruturados para uso por outros módulos.
- minapp-wx: definições TypeScript de todas as APIs nativas do WeChat e também fornece uma versão promissora da interface wx
- minapp-core: estrutura de desenvolvimento, precisa depender de minapp-wx
- minapp-mobx: uma estrutura de desenvolvimento que integra mobx e precisa contar com minapp-core
- minapp-cli: Uma ferramenta de linha de comando fornecida aos usuários e pode criar rapidamente um novo projeto
- minapp-vscode: plug-in vscode, fornecendo destaque de sintaxe, preenchimento automático de tags e atributos para wxml
PENDÊNCIA
