AngularJS-6 :[01] การติดตั้ง
step 1. ติดตั้ง node js แล้ว set path environment ใช้ไปที่ node folder ที่ได้ติดตั้ง(ปกติอยู่ใน C:\programFiles)
step 2. ติดตั้ง angular js 6 ด้วยคำสั่ง
>> npm install -g @angular/cli
step 3. สร้าง project ด้วยคำสั่ง
>> ng new my-app
step 4. สั่ง run my-app project ด้วยคำสั่ง
>> cd my-app
>> ng serve --open
ng generate component hero -it
ใส่ -it เพื่อไม่ให้สร้าง template file (*.component.html)
คำสั่ง สร้าง Class
ng generate class hero
คำสั่ง สร้าง Service
ng generate service hero
หรือ...
ng generate service hero --module=app
คำสั่ง สร้าง Module
ng generate module app-routing --flat --module=app
ใส่ --flat เพื่อให้มันสร้างไฟล์ไว้ใน src/app แทนที่จะเป็น folder ของมันเอง
ใส่ --module=app เพื่อบอกให้ cli ลงทะเบียน module นี้ไว้ import Array ของ AppModule
step 2. ติดตั้ง angular js 6 ด้วยคำสั่ง
>> npm install -g @angular/cli
step 3. สร้าง project ด้วยคำสั่ง
>> ng new my-app
step 4. สั่ง run my-app project ด้วยคำสั่ง
>> cd my-app
>> ng serve --open
//เราใส่ --open
flag ต่อท้าย เพื่อเปิด web browser ไปยังหน้า http://localhost:4200/
โดยอัตโนมัติ
คำสั่ง สร้าง Componentng generate component hero -it
ใส่ -it เพื่อไม่ให้สร้าง template file (*.component.html)
คำสั่ง สร้าง Class
ng generate class hero
คำสั่ง สร้าง Service
ng generate service hero
หรือ...
ng generate service hero --module=app
คำสั่ง สร้าง Module
ng generate module app-routing --flat --module=app
ใส่ --flat เพื่อให้มันสร้างไฟล์ไว้ใน src/app แทนที่จะเป็น folder ของมันเอง
ใส่ --module=app เพื่อบอกให้ cli ลงทะเบียน module นี้ไว้ import Array ของ AppModule
ความคิดเห็น
แสดงความคิดเห็น