โครงสร้างโฟลเดอร์ทำงานของโปรเจกต์ Angular
ตอนนี้เรามาดูโครงสร้างของโฟลเดอร์
src ซึ่งจะเป็นที่ที่เราทำงานหลัก
ต่อไปนี้คือโฟลเดอร์และไฟล์ที่เราต้องการ
(ส่วนที่เหลือเป็นไฟล์ระบบและยังไม่จำเป็นตอนนี้):
- /src/
- /app/
- /assets/
- index.html
- styles.css
- favicon.ico
ในโฟลเดอร์ app จะเป็นที่จัดเก็บ
คอมโพเนนต์ ของคุณ ตั้งแต่เริ่มต้นโดยค่าเริ่มต้นจะมี
คอมโพเนนต์หลักชื่อ App
ต่อไปเราจะเพิ่ม
คอมโพเนนต์อื่นๆ เข้าไปที่นั่น
ในโฟลเดอร์ assets สามารถจัดเก็บ
ทรัพยากร ต่างๆ ของแอปพลิเคชันของเราได้
ทรัพยากรหมายถึงรูปภาพและสิ่งอื่นๆ ที่คล้ายกัน
ไฟล์ index.html เป็น
เลย์เอาต์หลักของเว็บไซต์พร้อมโครงสร้าง HTML ไปยัง
โครงสร้างนี้คอมโพเนนต์ต่างๆ จะถูกเชื่อมต่อในลักษณะพิเศษ
ไปยังตำแหน่งที่กำหนด
ในไฟล์ styles.css สามารถวาง
สไตล์ CSS โดยรวมของเว็บไซต์ได้
ในไฟล์ favicon.ico เก็บ ฟาวิคอน
ของเว็บไซต์ของคุณ นั่นคือรูปภาพที่
แสดงบนแท็บเว็บไซต์ก่อนชื่อของมัน
ในบทเรียนถัดไปเราจะพูดคุยละเอียดมากขึ้น เกี่ยวกับไฟล์และโฟลเดอร์เหล่านี้
