Angular7 - พรอมต์ CLI

Angular CLI ช่วยให้เริ่มต้นกับโครงการ Angular ได้อย่างง่ายดาย Angular CLI มาพร้อมกับคำสั่งที่ช่วยให้เราสร้างและเริ่มโครงการได้เร็วมาก ตอนนี้ให้เราทำตามคำสั่งที่มีเพื่อสร้างโครงการส่วนประกอบและบริการเปลี่ยนพอร์ต ฯลฯ

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

npm install -g @angular/cli

ในการสร้างโปรเจ็กต์ใหม่เราสามารถรันคำสั่งต่อไปนี้ในบรรทัดคำสั่งและโปรเจ็กต์จะถูกสร้างขึ้น

ng new PROJECT-NAME 
cd PROJECT-NAME 
ng serve //

ng serve // will compile and you can see the output of your project in the browser −

http://localhost:4200/

4200 เป็นพอร์ตเริ่มต้นที่ใช้เมื่อสร้างโปรเจ็กต์ใหม่ คุณสามารถเปลี่ยนพอร์ตด้วยคำสั่งต่อไปนี้ -

ng serve --host 0.0.0.0 --port 4201

คำสั่งสำหรับการอัปเดตเชิงมุม

ในกรณีที่คุณต้องการอัปเดตแอปพลิเคชันของคุณและการอ้างอิงคุณสามารถใช้คำสั่งต่อไปนี้ -

ng update @angular/cli @angular/core

มันจะอัปเดต core framework เป็นเวอร์ชั่นล่าสุดนั่นคือ Angular 7 และ angular-cli คุณสามารถใช้คำสั่งด้านบนโดยมีตัวเลือกต่อไปนี้ -

รายการคำสั่งที่สำคัญเชิงมุม

ตารางต่อไปนี้แสดงรายการคำสั่งที่สำคัญบางคำสั่งที่จำเป็นขณะทำงานกับโครงการ Angular 7 -

ซีเนียร์ No	คำสั่งและคำอธิบาย
1	Component องค์ประกอบ ng g องค์ประกอบใหม่
2	Directive ng g คำสั่ง new-directive
3	Pipe ท่อ g ท่อใหม่
4	Service ng g บริการใหม่ - บริการ
5	Module ng g โมดูล my-module
6	Test การทดสอบ ng
7	Build ng build --configuration = production // สำหรับสภาพแวดล้อมการผลิต ng build --configuration = staging // สำหรับระบุสภาพแวดล้อม

เมื่อใดก็ตามที่มีการสร้างโมดูลส่วนประกอบหรือบริการใหม่การอ้างอิงของสิ่งเดียวกันจะได้รับการอัพเดตในโมดูลหลัก app.module.ts.