minapp
Neudefinition der Entwicklung von WeChat-Miniprogrammen
Änderungsprotokoll
minapp 2.0.0 wurde veröffentlicht. Die neue Version verwendet hauptsächlich Webpack 4. Bitte überprüfen Sie das Upgrade von v1.x auf v2.x.
einführen
minapp ist eine Reihe von Tools, die für die Entwicklung von WeChat-Applets entwickelt wurden, um das Entwicklungserlebnis zu verbessern:
- Bietet ein Befehlszeilentool
@minapp/cli , mit dem Sie schnell ein Projekt erstellen und Webpack zum Erstellen des generierten Projekts verwenden können. - Stellen Sie ein Entwicklungs-Framework bereit
@minapp/core Dieses Framework ist vollständig kompatibel mit nativem Applet-Code. Es unterstützt die Entwicklung mithilfe von Klassen, unterstützt die automatische Code-Vervollständigung und bietet außerdem die automatische Vervollständigung aller WeChat-APIs. - Bietet ein Framework
@minapp/mobx , das mobx integriert. Dieses Framework fügt mobx hauptsächlich in @minapp/core ein, sodass Sie mobx problemlos zur Verwaltung globaler Daten verwenden können. - Stellen Sie ein vscode-Plugin bereit:
minapp-vscode . Dieses Plug-in ist hauptsächlich eine wxml Vorlagensprache für kleine Programme. Es kann alle Komponenten, Komponentenattribute, Komponentenattributwerte usw. automatisch vervollständigen.
Hinweis: Nach der Verwendung von Minapp müssen Sie zum Testen weiterhin die offiziell von WeChat bereitgestellten „WeChat Developer Tools“ verwenden.
verwenden
- Verwenden Sie npm, um Befehlszeilentools zu installieren:
npm install -g @minapp/cli - Initialisieren Sie das Projekt:
minapp init <你要创建项目的文件夹> (unterstützt die gleichzeitige Erstellung von js- und ts-Projekten) - Installieren Sie zwei vscode-Plug-ins: minapp und dot-template (optional, aber empfohlen)
Merkmale
- Alle nativen Miniprogrammcodes sind vollständig kompatibel mit nativen Miniprogrammen und können direkt in die Minapp-Umgebung migriert werden
- Integrieren Sie Webpack und Webpack-Dev-Server, um die Kompilierung sicherzustellen
- Sie können mobx verwenden, um die globale Datenverwaltung zu erleichtern
- Alle Sprachen können in der Minapp-Umgebung automatisch vervollständigt werden und die Entwicklungserfahrung ist super toll (siehe
功能概览unten). - Unterstützt die bidirektionale Datenbindung
- setData-Leistungsoptimierung
Funktionsübersicht (unter vscode-Editor)
Alle wx-Schnittstellen verfügen über intelligente Erinnerungen, einschließlich Schnittstellenparameter und Rückgabewerte.
Nicht-Minapp-Benutzer können auch @minapp/wx installieren, um diese Funktion zu erhalten, siehe hier
Stellt eine Promise-Version der WX-Schnittstelle WXP bereit, die mit WX identisch ist, außer dass sie alle Funktionen in WX verspricht, die drei Parameter Erfolg/Fehler/Abschluss erfordern
- wxp unterstützt auch die Verwendung von Erfolgsrückrufen
- wxp fügt Promise eine „final“-Methode hinzu; Sie können beispielsweise
wxp.getUserInfo().finally(() => { /* do something */ }) verwenden.
Durch die Integration von mobx ist es sehr bequem, globale Daten zu ändern und den aktuellen Seitenstatus automatisch zu aktualisieren.
- Um Store einzufügen, müssen Sie nur das Store-Objekt in der Appify-Funktion hinzufügen.
- Store-Objekte werden standardmäßig in Page und Component eingefügt. Sie können
this.store verwenden, um sie abzurufen.
Die wxml-Vorlagensprache unterstützt Syntaxhervorhebung, intelligente Eingabeaufforderungen für Komponenten und intelligente Eingabeaufforderungen für Komponentenattribute (die Minapp des vscode-Plugins muss installiert sein).
Weitere Einzelheiten zu den Funktionen dieses Plug-Ins finden Sie hier
Die JSON-Datei unterstützt automatische Eingabeaufforderungen
Beim Erstellen eines neuen Seitenordners werden zugehörige Dateien automatisch generiert (das vscode-Plug-in dot-template muss installiert sein).
- Erstellen Sie automatisch relevante Dateien mit demselben Namen für Sie, einschließlich js/json/wxml/scss, und Sie können diese Vorlagendateien jederzeit im Ordner .dtpl ändern.
- Fügen Sie den neu erstellten Seitenpfad automatisch in den Ordner app.json ein
Das Miniprogramm Page unterstützt automatische Funktionsaufforderungen.
Auf die gleiche Weise werden beim Erstellen eines neuen Komponentenordners auch zugehörige Dateien erstellt. Die Lebenszyklusfunktion in der Komponente wird ebenfalls automatisch aufgefordert
Über diese Lagerbeschreibung
Dies ist kein einzelnes Projekt, sondern eine Kombination mehrerer Projekte, die das Lerna-Entwicklungstool verwenden. Weitere Projekte finden Sie im Paketverzeichnis. Hier finden Sie eine kurze Übersicht über mehrere der Hauptprojekte.
- Minapp-Generator: Dieses Modul ist für die Analyse offizieller WeChat-Dokumente und die Generierung strukturierter Daten zur Verwendung durch andere Module verantwortlich.
- minapp-wx: TypeScript-Definitionen aller nativen APIs von WeChat und stellt außerdem eine Promise-Version der wx-Schnittstelle bereit
- minapp-core: Entwicklungsframework, muss von minapp-wx abhängen
- minapp-mobx: Ein Entwicklungsframework, das mobx integriert und auf minapp-core angewiesen sein muss
- minapp-cli: Ein Befehlszeilentool, das Benutzern zur Verfügung gestellt wird und mit dem sie schnell ein neues Projekt erstellen können
- minapp-vscode: vscode-Plug-in, das Syntaxhervorhebung und automatische Vervollständigung von Tags und Attributen für wxml bietet
TODO
