ยินดีต้อนรับสู่แองกูลาร์ 19!

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

แองกูลาร์คืออะไร

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

เหตุใดจึงเลือกใช้แองกูลาร์

• เรียนรู้ได้ง่าย
• โค้ดมีโครงสร้างและเป็นระเบียบ
• ได้รับการสนับสนุนจากกูเกิลและชุมชนขนาดใหญ่

การติดตั้ง Node.js

แองกูลาร์ต้องใช้ Node.js โปรดไปที่เว็บไซต์ทางการของ Node.js ดาวน์โหลด และติดตั้งรุ่น LTS

การติดตั้ง Angular CLI

Angular CLI ช่วยให้คุณจัดการโครงการได้ เปิดเทอร์มินัลแล้วเรียกใช้คำสั่งต่อไปนี้:

npm install -g @angular/cli

npm install -g @angular/cli

สร้างโครงการแองกูลาร์แรกของคุณ

ใช้ CLI เพื่อสร้างโครงการแองกูลาร์ใหม่ชื่อ 'my-app' เรียกใช้:

ng new my-app

ng new my-app

เรียกใช้แอปแองกูลาร์ของคุณ

ไปยังโฟลเดอร์โครงการแล้วเริ่มต้นแอปพลิเคชันด้วยคำสั่ง:

ng serve --open

ng serve --open

โครงสร้างโครงการ

โครงการแองกูลาร์มีโครงสร้างที่ชัดเจน ไฟล์และโฟลเดอร์สำคัญมีดังนี้:

• src: ไฟล์ต้นฉบับของแอปพลิเคชัน
• app: มีคอมโพเนนต์ของคุณ
• assets: ไฟล์คงที่ เช่น รูปภาพ

ยินดีด้วย

คุณสร้างและเรียกใช้แอปพลิเคชันแองกูลาร์ 19 แรกของคุณได้แล้ว ตอนนี้คุณพร้อมที่จะเรียนรู้แองกูลาร์ในระดับที่ลึกยิ่งขึ้นแล้ว