PWABuilder
1.0.0
Le moyen le plus simple de créer des applications Web progressives sur les plates-formes et les appareils.
Ce repo abrite plusieurs projets de la famille d'outils de Pwabuilder.
| Outils | Aperçu | Source | Docs | Contribuer |
|---|---|---|---|---|
| Pwabuilder.com | La meilleure façon d'emballer les PWA pour divers magasins. | / Apps / Pwabuilder | Pwabuilder Docs | Wiki |
| PWA Studio | PWA Studio fait de VScode le meilleur environnement de développeur pour créer des applications Web progressives. | / apps / pwabuilder-vscode | PWA Studio Docs | Wiki |
| Démarreur PWA | Notre modèle d'application Web progressive (PWA) a testé l'opinion et la production pour la création de nouveaux projets. | Repo | Docs de démarrage PWA | Wiki |
| Docs | Source | Contribuer |
|---|---|---|
| docs.pwabuilder.com | / Docs | Wiki |
| blog.pwabuilder.com | / applications / blog | / applications / blog |
| Composants | Aperçu | Source | Docs | Contribuer |
|---|---|---|---|---|
<pwa-install> | Composant Web pour une excellente expérience d'installation PWA | pwa-stall | pwa-stall | Wiki |
Vous aurez besoin des choses suivantes correctement installées sur votre ordinateur.
Vous devez également être familier avec TypeScript que nous utilisons pour ce projet. Cela vous permet de donner plus de conseils lorsque vous codez de IntelliSense lors de l'utilisation de VScode.
Nous recommandons les outils suivants pour votre configuration de développement:
De plus, lorsque vous ouvrez le projet en code vs, vous serez invité à installer des extensions recommandées.
Accédez au dossier du projet sur lequel vous prévoyez de travailler (exemple / apps / pwabuilder) et suivez la lecture pour comment commencer.
npm install en cours d'exécution dans le dossier du projet installera et créera automatiquement toutes les dépendances.
Ce monorepo n'utilise pas de package racine.json comme les autres monorepos auxquels vous pourriez être habitué. Au lieu de cela, les projets vivent dans leurs dossiers séparés et sont principalement indépendants les uns des autres.
Cependant, lorsqu'il existe des dépendances entre les projets, nos outils doivent gérer automatiquement le renforcement de la liaison et de la dépendance lorsque vous exécutez npm install dans la racine du projet.
Par exemple /apps/pwabuilder , dépend de library/site-analytics . Cette dépendance est définie dans le pwabuilder package.json comme tel:
//package.json
"dependencies" : {
"@pwabuilder/site-analytics" : " file:../../libraries/site-analytics " ,
... npm install en cours d'exécution dans le dossier PWABUILDER exécutera également npm install et npm run build pour le projet site-analytics . Dans la plupart des cas, et à moins de travailler sur une dépendance, un développeur n'aura pas à se soucier de la façon dont ces projets sont liés.
Pour que la liaison automatique des projets fonctionne, assurez-vous que chaque projet a un script preinstall comme tel:
// package.json
"scripts" : {
"preinstall" : " node ../../scripts/setupDeps.js " ,
... Tous les fichiers du référentiel Pwabuilder sont soumis à la licence MIT. Veuillez lire le fichier de licence à la racine du projet.
Ce projet a adopté le code de conduite open source Microsoft. Pour plus d'informations, consultez le code de conduite FAQ ou contactez [email protected] avec toute question ou commentaire supplémentaire.
