หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

ผู้เลี้ยงสัตว์

วิธีที่ง่ายที่สุดในการสร้างเว็บแอพที่ก้าวหน้าข้ามแพลตฟอร์มและอุปกรณ์

repo นี้เป็นที่ตั้งของหลายโครงการในตระกูลเครื่องมือ Pwabuilder

เครื่องมือ

เครื่องมือ ภาพรวม แหล่งที่มา เอกสาร มีส่วนช่วย
pwabuilder.com วิธีที่ดีที่สุดในการบรรจุ PWAs สำหรับร้านค้าต่าง ๆ /แอพ/pwabuilder เอกสาร pwabuilder วิกิ
สตูดิโอ PWA PWA Studio ทำให้ VSCODE เป็นสภาพแวดล้อมนักพัฒนาที่ดีที่สุดสำหรับการสร้างเว็บแอปก้าวหน้า /แอพ/pwabuilder-vscode เอกสาร PWA Studio วิกิ
PWA Starter เทมเพลตเว็บแอปพลิเคชัน Progressive (PWA) ที่มีความคิดเห็นและการผลิตของเราสำหรับการสร้างโครงการใหม่ repo เอกสารการเริ่มต้น PWA วิกิ

เอกสาร

เอกสาร แหล่งที่มา มีส่วนช่วย
docs.pwabuilder.com /เอกสาร วิกิ
blog.pwabuilder.com /แอพ/บล็อก /แอพ/บล็อก

ส่วนประกอบ

ส่วนประกอบ ภาพรวม แหล่งที่มา เอกสาร มีส่วนช่วย
<pwa-install>

 องค์ประกอบเว็บสำหรับประสบการณ์การติดตั้ง PWA ที่ยอดเยี่ยม การติดตั้ง PWA การติดตั้ง PWA วิกิ

การตั้งค่าการพัฒนาที่แนะนำ

คุณจะต้องติดตั้งสิ่งต่อไปนี้อย่างถูกต้องบนคอมพิวเตอร์ของคุณ

  • node.js
  • NPM

คุณควรคุ้นเคยกับ TypeScript ซึ่งเราใช้สำหรับโครงการนี้ สิ่งนี้จะช่วยให้คุณได้รับคำแนะนำเพิ่มเติมเมื่อคุณใช้รหัสจาก IntelliSense เมื่อใช้ VSCODE

เราขอแนะนำเครื่องมือต่อไปนี้สำหรับการตั้งค่า dev ของคุณ:

  • บรรณาธิการ: vscode
  • เทอร์มินัล: Windows Terminal หรือ Hyper

นอกจากนี้เมื่อคุณเปิดโครงการในรหัส VS คุณจะได้รับแจ้งให้ติดตั้งส่วนขยายที่แนะนำ

การพัฒนา

นำทางไปยังโฟลเดอร์ของโครงการที่คุณวางแผนที่จะทำงาน (ตัวอย่าง /แอพ /pwabuilder) และติดตาม ReadMe เพื่อเริ่มต้นใช้งาน

npm install ในโฟลเดอร์โครงการจะติดตั้งและสร้างการอ้างอิงทั้งหมดโดยอัตโนมัติ

เกี่ยวกับโมโนเรปนี้

monorepo นี้ไม่ได้ใช้แพ็คเกจรูท json เหมือน monorepos อื่น ๆ ที่คุณอาจคุ้นเคย แต่โครงการอาศัยอยู่ในโฟลเดอร์แยกต่างหากและส่วนใหญ่เป็นอิสระจากกัน

อย่างไรก็ตามเมื่อมีการพึ่งพาระหว่างโครงการเครื่องมือของเราควรจัดการการเชื่อมโยงและการสร้างการพึ่งพาโดยอัตโนมัติเมื่อคุณเรียกใช้ npm install ในรูทโครงการ

ตัวอย่างเช่น /apps/pwabuilder มีการพึ่งพา library/site-analytics การพึ่งพานี้ถูกกำหนดไว้ในแพ็คเกจ pwabuilder json เช่น So: 

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

การ npm install ในโฟลเดอร์ Pwabuilder จะเรียกใช้ npm install และ npm run build สำหรับโครงการ site-analytics ในกรณีส่วนใหญ่และหากไม่ได้ทำงานกับการพึ่งพาผู้พัฒนาจะไม่ต้องกังวลเกี่ยวกับวิธีการเชื่อมโยงโครงการเหล่านี้

สำหรับการเชื่อมโยงโครงการโดยอัตโนมัติให้แน่ใจว่าแต่ละโครงการมีสคริปต์ preinstall เช่น SO: 

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

ใบอนุญาต

ไฟล์ทั้งหมดในที่เก็บ pwabuilder ขึ้นอยู่กับใบอนุญาต MIT โปรดอ่านไฟล์ใบอนุญาตที่รูทของโครงการ

โครงการนี้ได้นำรหัสการดำเนินงานของ Microsoft โอเพ่นซอร์สมาใช้ สำหรับข้อมูลเพิ่มเติมโปรดดูจรรยาบรรณคำถามที่พบบ่อยหรือติดต่อ [email protected] พร้อมคำถามหรือความคิดเห็นเพิ่มเติมใด ๆ

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด