CLI คือ Command Line Interface. Angular CLI คือ ตัวจัดการ Angular projects ที่ช่วยให้เราสร้าง

โปรเจคตั้งแต่ต้นจนจบแบบอัตโนมัติ

ขั้นตอนการสร้าง Angular ด้วย CLI

• ติดตั้ง Node Package Manager (NPM) (เตรียมการ)
• ติดตั้ง Angular CLI 
• สร้าง Angular app ด้วย CLI
• รัน App

รายละเอียดการติดตั้งและสร้าง Angular projects ด้วย CLI

1. ติดตั้ง NPM

Angular มีความต้องการใช้ Node.js ดังนั้นคุณจะต้องติดตั้งมันก่อน ถ้ามีแล้วคุณสามารถข้ามขั้นตอนนี้ได้

ถ้ายังไม่มีคุณจะต้องไปดาวโหลดและติดตั้งให้เรียบร้อย

หลังจากติดตั้งแล้วคุณสามารถตรวจสอบได้ว่าคุณติดตั้งสำเร็จหรือไม่ และใช้ Node เวอร์ชั่นใด

2. ติดตั้ง Angular CLI

หลังจากติดตั้ง Node.js สำเร็จ คุณสามารถทำการติดตั้ง Angular CLI ได้โดยการเปิด Terminal และใช้คำสั่งตามข้างล่างนี้ 

npm install -g @angular/cli

หลังจากทำการติดตั้งสำเร็จ คุณสามารถตรวจสอบว่าการติดตั้งสมบูรณ์หรือไม่ได้โดยการพิมพ์

ng v

3. สร้าง Angular ด้วย CLI

หลังจากคุณได้ติดตั้งในส่วนของ ข้อ 1 และ 2 เรียบร้อยแล้ว ตอนนี้คุณสามารถ สร้าง Angular app ของคุณได้แล้วโดยทำตามดังนี้

• เลือก Path ที่คุณต้องการสร้าง App 
• พิมพ์คำสั่ง ng new my-first-app 

ng new คือคำสั่งในการสร้าง App

my-first-app คือ ชื่อของ App ที่คุณจะสร้าง

• หลังจากสร้างสร้างสำเร็จคุณจะได้ Angular app ของคุณ
• ทำการเข้าไปใน Path ที่คุณสร้าง App ไว้ด้วยการใช้คำสั่ง cd ตามด้วยชื่อ path ของคุณ

เช่น cd my-first-app

‍

4. Run the App

Angular ซัพพอร์ทการทำ live sever คุณสามารถเห็นการเปลี่ยนแปลงต่างๆที่คุณทำได้บนหน้า Web browser ได้ทันที โดยการพิมพ์คำสั่ง

ng serve –open

‍

หน้า web browser หลังจากคุณ Run Angular app