ionic first app
1.0.0
โครงการนี้ทำขึ้นสำหรับการใช้งานการใช้งานวันที่สำหรับแอปพลิเคชันมือถือ สร้างขึ้นด้วยเฟรมเวิร์กไอออนิกภายในพลังของ ReactJs
ในการพัฒนาแอปพลิเคชั่นมือถือด้วยเฟรมเวิร์กอิออนเรามีสองสิ่งที่ต้องทำก่อนที่เราจะเริ่ม ให้ฉันอธิบายแต่ละขั้นตอนเหล่านั้นโดยเฉพาะ
สำหรับสภาพแวดล้อม OSX คุณสามารถติดตั้งสภาพแวดล้อมโหนดภายในการใช้คำสั่งต่อไปนี้
$ brew update
$ brew install node
หากคุณไม่ได้อยู่ในสภาพแวดล้อม OSX หรือกำลังมองหาการติดตั้งขั้นสูงเพิ่มเติมให้ติดตามบทความนี้
คำสั่งต่อไปนี้จะติดตั้งเฟรมเวิร์ก Ionic สำหรับคุณ
$ npm install -g @ionic/cli
หากไม่ได้ผลสำหรับคุณคุณสามารถตรวจสอบเอกสารอย่างเป็นทางการได้เสมอ
ในการสร้างแอปพลิเคชันไอออนิกใหม่คำสั่งด้านล่างจะใช้ได้กับคุณ!
$ ionic start <app name> <template: tabs | sidemenu | blank>
ฉันชอบเฟรมเวิร์ก React สำหรับด้านหน้า คุณอาจต้องการเฟรมเวิร์กที่รองรับอื่น
เนื่องจากนี่เป็นแอปพลิเคชันหน้าเดียวหน้าแรกและส่วนประกอบที่พัฒนาก่อนของ ExplorEcontainer ทำงานได้ดีสำหรับเรา! เพื่อสร้างตรรกะทั้งหมดของเราเราใช้ TypeScript สำหรับด้าน UI เรามีวิธีแก้ปัญหาจากส่วนประกอบไอออนิก หากต้องการมีความเข้าใจที่ดีขึ้นของโครงการนี้โปรดตรวจสอบไฟล์ด้านล่าง
เราให้แอปพลิเคชันของเราทำงานบนเครื่องในเบราว์เซอร์แล้ว แต่ถ้าเราต้องการตรวจสอบบนเครื่องจำลองหรือบนโทรศัพท์มือถือจริง Ionic ใช้ตัวเก็บประจุสำหรับงานนี้ คุณไม่จำเป็นต้องติดตั้งแหล่งข้อมูลอื่นเพื่อทำสิ่งนี้ให้สำเร็จไอออนิกนำมาพร้อม!
หากต้องการใช้ Emulator XCode และสิ่งจำเป็นทั้งหมดควรติดตั้งสำหรับ Android Build Android Studio และ SDK's
$ ionic capacitor build ios
คำสั่งด้านบนจะถามอุปกรณ์ที่คุณต้องการเลียนแบบแล้วจะนำอุปกรณ์ iOS ที่เลือกใช้งานแอปพลิเคชันของคุณ
ดูด้านล่างเพื่อให้เข้าใจแอพนี้ได้ดีขึ้น!
