PWABuilder

Pwabuilder

Der einfachste Weg, um progressive Web -Apps auf Plattformen und Geräten zu erstellen.

Dieses Repo beherbergt mehrere Projekte in der Pwabuilder -Familie von Werkzeugen.

Werkzeuge

Werkzeuge	Überblick	Quelle	Dokumente	Beitragen
Pwabuilder.com	Der beste Weg, um PWAs für verschiedene Geschäfte zu verpacken.	/Apps/Pwabuilder	Pwabuilder Docs	Wiki
PWA Studio	PWA Studio macht VSCODE zur besten Entwicklerumgebung für den Aufbau progressiver Web -Apps.	/Apps/Pwabuilder-VSCODE	PWA Studio Docs	Wiki
PWA -Starter	Unsere Meinung und Produktion testete die Progressive Web App (PWA) -Stemplate für neue Projekte.	Repo	PWA -Starter -Dokumente	Wiki

Dokumente

Dokumente	Quelle	Beitragen
docs.pwabuilder.com	/docs	Wiki
blog.pwabuilder.com	/Apps/Blog	/Apps/Blog

Komponenten

Komponenten	Überblick	Quelle	Dokumente	Beitragen
<pwa-install>	Webkomponente für großartige PWA -Installationserfahrung	PWA-Installation	PWA-Installation	Wiki

Empfohlener Entwicklungsaufbau

Sie benötigen die folgenden Dinge, die auf Ihrem Computer ordnungsgemäß installiert sind.

• Node.js
• NPM

Sie sollten auch mit TypeScript vertraut sein, die wir für dieses Projekt verwenden. Dies gibt Ihnen mehr Anleitung, wenn Sie bei der Verwendung von VSCODE vor IntelliSense codieren.

Wir empfehlen die folgenden Tools für Ihr Dev -Setup:

• Editor: VSCODE
• Terminal: Windows Terminal oder Hyper

Wenn Sie das Projekt in VS -Code öffnen, werden Sie außerdem aufgefordert, empfohlene Erweiterungen zu installieren.

Entwicklung

Navigieren Sie zum Ordner des Projekts, an dem Sie arbeiten möchten (Beispiel /Apps /Pwabuilder), und folgen Sie dem Readme, um zu starten.

Durch das Ausführen npm install im Projektordner werden alle Abhängigkeiten automatisch installiert und erstellt.

Über diesen Monorepo

Dieser Monorepo verwendet kein Root -Paket. Json wie andere Monorepos, an die Sie sich möglicherweise gewohnt sind. Stattdessen leben Projekte in ihren getrennten Ordnern und sind hauptsächlich unabhängig voneinander.

Wenn jedoch Abhängigkeiten zwischen Projekten vorhanden sind, sollte unser Werkzeug automatisch das Verknüpfungs- und Abhängigkeitsaufbau verarbeiten, wenn Sie npm install in der Projektroste ausführen.

Zum Beispiel /apps/pwabuilder hat eine Abhängigkeit von library/site-analytics . Diese Abhängigkeit ist im Pwabuilder -Paket definiert. JSON LIEBEN SO:

  //package.json
  "dependencies" : {
    "@pwabuilder/site-analytics" : " file:../../libraries/site-analytics " ,
    ...

Ausführender npm install im PWABuilder-Ordner wird auch npm install und npm run build für das site-analytics -Projekt ausführen. In den meisten Fällen muss sich ein Entwickler nicht darum kümmern, wie diese Projekte miteinander verbunden sind.

Stellen Sie sicher, dass jedes Projekt eine automatische Verknüpfung von Projekten zur Arbeit hat: SO preinstall

  // package.json
  "scripts" : {
    "preinstall" : " node ../../scripts/setupDeps.js " ,
    ... 

Lizenz

Alle Dateien im Pwabuilder -Repository unterliegen der MIT -Lizenz. Bitte lesen Sie die Lizenzdatei zum Root des Projekts.

---

Dieses Projekt hat den Microsoft Open Source -Verhaltenscode übernommen. Weitere Informationen finden Sie im FAQ oder wenden Sie sich an [email protected] mit zusätzlichen Fragen oder Kommentaren.