เริ่มต้นติดตั้ง Angular ง่ายๆ
Angular เป็น framework ที่ได้รับความนิยมในการพัฒนา front-end โดยในปัจจุบันตัว Angular นั้น มี featuresใหม่ๆ ทั้ง command-line และ ตัว framework เอง
ในบทความนี้ จะเป็นการสอนแบบ Step by Step เพื่อสร้างเว็บแอฟขึ้นมา
เตรียมพร้อมก่อน dev
- ความรู้เบื้องต้น TypeScript
- Node.js package manager (ดาวน์โหลด)
ถ้าพร้อมแล้วเริ้มกันเลย
STEP 1 ติดตั้ง Angular CLI
เริ่มด้วยการติดตั้ง Angular CLI version ล่าสุด โดยการรันคำสั่งในterminal :
npm install -g @angular/cli
ตรวจสอบ version ด้วยคำสั่ง
ng --version
โดนบทความความนี้ จะเป็น Angular CLI 9.1.5
ถ้าพร้อมแล้วไปต่อกันเลย
STEP 2 เริ่มสร้าง Project Angular 9
ใน terminal ใช้คำสั่ง
ng new angular-example
โดย CLI จะถามว่าwhether you would like to add Angular routing.
ให้เราตอบ y และ จะถามเราต่อ which stylesheet format you would like to use. ให้เลือก CSS
Angular CLI จะสร้าง ไฟล์และโฟลเดอร์ต่างๆที่จำเป็น จาก package ของ npm โดยอัตโนมัติ
จากนั้น ให้เราเข้าโฟลเดอร์ Project เพื่อรัน local server
cd angular-example
ng serve
รอจน compile เสร็จ และเข้า http://localhost:4200/
จะได้หน้าจอแบบนี้
ก่อนจะไปStep ถัดไป
ให้เราทำการ stop local server ก่อน โดยการกด control+c ที่ terminal
ลุยกันเลยยยยยย!!!