วิธีติดตั้ง Angular ง่ายๆ ด้วย npm

บทความนี้สอนวิธีติดตัั้ง Angular Framework ขั้นตอนคือ ติดตั้ง Node.js และใช้โปรแกรม npm (Node Package Manager) เพื่อติดตั้ง Angular CLI เราจะได้เรียนรู้วิธีการดูเวอร์ชันของ Angular CLI หลังจากติดตั้งแล้ว โดย Angular CLI คือชุดคำสั่งที่ทำให้เราสามารถทำงานกับ Angular ได้ตั้งแต่ การสร้าง, การพัฒนา และการดูแลรักษา เป็นต้น โดยมีขั้นตอนดังนี้

 

ตัวอย่าง วิธีติดตั้ง Angular

1. ติดตั้งโปรแกรม Node.js โดยเข้าลิงก์ด้านล่าง และเลือกดาวน์โหลดให้ตรงกับระบบปฏิบัติการที่ใช้

https://nodejs.org/en/download

 

2. ติดตั้ง Angular CLI ด้วย npm จากคำสั่ง

npm install -g @angular/cli

2.1 ใช้คำสั่ง npm install เพื่อติดตั้งโปรแกรมที่ต่องการ

2.2 -g คือ กำหนดให้เป็นการติดตั้งแบบ Global เมื่อติดตั้งแล้วสามารถเรียกใช้คำสั่ง CLI ได้จากที่ path ไหนก็ได้

2.3  @angular/cli คือ ชื่อ package ของ Angular CLI ที่จะติดตั้ง

 

3. ดูเวอร์ชันของ Angular CLI ที่ติดตั้งด้วยคำสั่ง

ng version

หรือ

ng v

Angular CLI: 17.0.1
Node: 18.18.0
Package Manager: npm 10.1.0
OS: win32 x64

Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1700.1 (cli-only)
@angular-devkit/core         17.0.1 (cli-only)
@angular-devkit/schematics   17.0.1 (cli-only)
@schematics/angular          17.0.1 (cli-only)

จากตัวอย่างคำสั่ง ng ย่อมาจาก Angular ได้ผลลัพธ์คือ Angular CLI เวอร์ชัน 17 และ Node เวอร์ชัน 18 เสร็จสิ้นขั้นตอนการติดตั้ง Angular Framework

 

สรุป วิธีติดตั้ง Angular เริ่มจากติดตั้ง Node.js ก่อนเมื่อติดตั้ง Node.js แล้วจะมีการติดตั้งโปรแกรม npm มาให้ ก็ใช้ npm ติดตั้ง Angular CLI ซึ่งเป็นชุดคำสั่งของ Angular ที่ทำให้เราสามารถทำงานกับ Angular ได้นั้นเอง