วิธีติดตั้ง Angular

Angular คือ Frontend Framework ที่พัฒนาโดย Google โดย Angular เป็น Framework ที่ใช้สำหรับพัฒนาเว็บแอปพลิเคชันในฝั่งของ Client หากต้องการติดต่อกับ Server ต้องใช้ภาษาหรือ Framework แบบอื่นๆ ติดต่อกับ  Server แทนครับ ซึ่งเป็นที่นิยมหลายตัวนะ ไม่ว่าจะเป็น NodeJS Express เป็นต้น

ในบทความนี้จะพาติดตั้ง Angular กันครับ

สิ่งที่ต้องมีก่อนการติดตั้ง ก็คือเจ้าตัว Node.js ซึ่งใครยังไม่ได้ติดตั้งก็สามารถดูวิธีติดตั้ง Node.jsก่อนได้ครับ

เริ่มต้นด้วยการติดตั้ง Angular CLI ผ่าน Terminal ด้วยคำสั่งนี้

npm install -g @angular/cli

เมื่อติดตั้งเรียบร้อย ลองเช็คเวอร์ชันดูก่อน ด้วยคำสั่งนี้

ng --version

ถ้าปรากฎข้อมูลดังภาพนี้ ก็ถือว่าการติดตั้งเรียบร้อยแล้วครับ

คราวนี้ก็ลองสร้างโปรเจคกันได้เลย โดยใช้คำสั่ง

ng new hello-angular

hello-angular คือชื่อโปรเจคของเราครับ จากนั้นระบบจะถามว่า จะเพิ่ม angular router ในโปรเจคเราด้วยหรือไม่ ก็ตอบ y ได้เลย และจะถามต่อว่า ต้องใช้ stylesheet format แบบใด โดยในเคสนี้จะแนะนำให้เลือก CSS ครับ ตามภาพ

การติดตั้งจะใช้เวลาสั่กครู่ เมื่อเสร็จแล้ว จะปรากฎตามภาพ

จากนั้นจะลอง RUN โปรเจคนี้ดูครับ ก็ cd เข้าไปยังโฟลเดอร์โปรเจค จากนั้นก็ใช้คำสั่งดังนี้

cd hello-angular
ng s

จากนั้นสามารถเข้าดูหน้าตาของระบบเราผ่านทาง browser ที่ http://localhost:4200 จะเห็นหน้าตาแบบนี้เลยครับ

ถึงตอนนี้ก็เป็นอันเรียบร้อยแล้ว ขอให้สนุกกับการ coding นะครับ