Cara paling sederhana untuk membuat aplikasi web progresif di seluruh platform dan perangkat.
Repo ini adalah rumah bagi beberapa proyek dalam keluarga alat Pwabuilder.
| Peralatan | Ringkasan | Sumber | Dokumen | Menyumbang |
|---|---|---|---|---|
| PwAbuilder.com | Cara terbaik untuk mengemas pwas untuk berbagai toko. | /APPS/PWABUILDER | Dokumen PwAbuilder | Wiki |
| PWA Studio | PWA Studio menjadikan VScode lingkungan pengembang terbaik untuk membangun aplikasi web progresif. | /APPS/PWABUILDER-VSCODE | PWA Studio Docs | Wiki |
| PWA Starter | Template Aplikasi Web Progresif (PWA) kami yang berupaya dan produksi untuk membuat proyek baru. | Repo | PWA Starter Docs | Wiki |
| Dokumen | Sumber | Menyumbang |
|---|---|---|
| docs.pwabuilder.com | /Dokumen | Wiki |
| blog.pwabuilder.com | /Aplikasi/Blog | /Aplikasi/Blog |
| Komponen | Ringkasan | Sumber | Dokumen | Menyumbang |
|---|---|---|---|---|
<pwa-install> | Komponen Web untuk Pengalaman Instal PWA Hebat | PWA-instal | PWA-instal | Wiki |
Anda akan memerlukan hal -hal berikut yang diinstal dengan benar di komputer Anda.
Anda juga harus terbiasa dengan naskah yang kami gunakan untuk proyek ini. Ini membantu memberi Anda lebih banyak panduan saat Anda kode dari Intellisense saat menggunakan vScode.
Kami merekomendasikan alat berikut untuk pengaturan dev Anda:
Selain itu, ketika Anda membuka proyek dalam kode VS, Anda akan diminta untuk menginstal ekstensi yang disarankan.
Arahkan ke folder proyek yang Anda rencanakan untuk dikerjakan (Contoh /Aplikasi /PwAbuilder), dan ikuti Readme untuk bagaimana memulai.
Menjalankan npm install di folder proyek akan secara otomatis menginstal dan membangun semua dependensi.
Monorepo ini tidak menggunakan paket root.json seperti monorepo lain yang mungkin Anda gunakan. Sebaliknya, proyek hidup di folder terpisah mereka dan sebagian besar independen satu sama lain.
Namun, ketika ada ketergantungan antar proyek, perkakas kami harus secara otomatis menangani tautan dan membangun ketergantungan saat Anda menjalankan npm install di root proyek.
Misalnya /apps/pwabuilder memiliki ketergantungan pada library/site-analytics . Ketergantungan ini didefinisikan dalam paket PwAbuilder.json So So:
//package.json
"dependencies" : {
"@pwabuilder/site-analytics" : " file:../../libraries/site-analytics " ,
... Menjalankan npm install di folder PwAbuilder juga akan menjalankan npm install dan npm run build untuk proyek site-analytics . Dalam kebanyakan kasus, dan kecuali bekerja pada ketergantungan, pengembang tidak perlu khawatir tentang bagaimana proyek -proyek ini terkait.
Untuk menghubungkan proyek otomatis, pastikan setiap proyek memiliki skrip preinstall seperti demikian:
// package.json
"scripts" : {
"preinstall" : " node ../../scripts/setupDeps.js " ,
... Semua file di repositori PwAbuilder tunduk pada lisensi MIT. Harap baca file lisensi di akar proyek.
Proyek ini telah mengadopsi kode perilaku open source Microsoft. Untuk informasi lebih lanjut, lihat FAQ Kode Perilaku atau hubungi [email protected] dengan pertanyaan atau komentar tambahan.