angular ติดตั้ง

การติดตั้ง Angular สามารถทำได้โดยใช้ Node.js และ npm

ขั้นที่ 1: ติดตั้ง Node.js และ npm

หากยังไม่ได้ติดตั้ง Node.js และ npm ให้ทำตามขั้นตอนต่อไปนี้:

  1. ดาวน์โหลด Node.js จากเว็บไซต์ทางการ: https://nodejs.org/en/
  2. ติดตั้ง Node.js ตามคำแนะนำบนหน้าจอ
  3. ตรวจสอบว่า Node.js และ npm ได้รับการติดตั้งอย่างถูกต้องโดยเรียกใช้คำสั่งต่อไปนี้ในเทอร์มินัล:
1
2
node -v
npm -v

ขั้นที่ 2: ติดตั้ง Angular CLI

Angular CLI เป็นเครื่องมือบรรทัดคำสั่งที่ใช้สร้างและจัดการแอปพลิเคชัน Angular

  1. ติดตั้ง Angular CLI โดยเรียกใช้คำสั่งต่อไปนี้ในเทอร์มินัล:
1
npm install -g @angular/cli

ขั้นที่ 3: สร้างแอปพลิเคชัน Angular

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

1
ng new my-app

คำสั่งนี้จะสร้างโฟลเดอร์ใหม่ชื่อ “my-app” ที่มีโครงสร้างพื้นฐานสำหรับแอปพลิเคชัน Angular

ขั้นที่ 4: เรียกใช้แอปพลิเคชัน Angular

เมื่อสร้างแอปพลิเคชัน Angular แล้ว คุณสามารถเรียกใช้แอปพลิเคชันได้โดยใช้คำสั่งต่อไปนี้:

1
2
cd my-app
ng serve

คำสั่งนี้จะเริ่มต้นเซิร์ฟเวอร์การพัฒนาและเปิดแอปพลิเคชันของคุณในเบราว์เซอร์เริ่มต้น

ตัวอย่าง

ต่อไปนี้เป็นตัวอย่างการติดตั้ง Angular:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
# ติดตั้ง Node.js และ npm
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs
npm install -g npm

# ติดตั้ง Angular CLI
npm install -g @angular/cli

# สร้างแอปพลิเคชัน Angular
ng new my-app

# เรียกใช้แอปพลิเคชัน Angular
cd my-app
ng serve

หลังจากติดตั้ง Angular แล้ว คุณจะสามารถเริ่มเรียนรู้และสร้างแอปพลิเคชัน Angular ได้