Angular CLI - ng ให้บริการคำสั่ง

ไวยากรณ์

ng serve <project> [options]
ng s <project> [options]

คำสั่ง ng serve สร้างและให้บริการแอปพลิเคชัน สร้างแอปพลิเคชันขึ้นใหม่หากมีการเปลี่ยนแปลงเกิดขึ้น นี่โครงการคือชื่อของแอปพลิเคชันตามที่กำหนดใน angular.json ตัวเลือกคือพารามิเตอร์ที่เป็นทางเลือก

อาร์กิวเมนต์

ซีเนียร์ อาร์กิวเมนต์และไวยากรณ์ คำอธิบาย
1 <โครงการ> ชื่อโครงการที่จะสร้าง สามารถเป็นแอปพลิเคชันหรือห้องสมุด

ตัวเลือก

ซีเนียร์ ตัวเลือกและไวยากรณ์ คำอธิบาย
1 --allowedHosts รายการโฮสต์ที่อนุญาตให้เข้าถึงเซิร์ฟเวอร์ dev
2 --aot = จริง | เท็จ สร้างโดยใช้การรวบรวมล่วงหน้า
3 --baseHref = baseHref URL พื้นฐานสำหรับแอปพลิเคชันที่กำลังสร้าง
4 --buildEventLog = buildEventLog EXPERIMENTAL เส้นทางไฟล์เอาต์พุตสำหรับเหตุการณ์ Build Event Protocol
5 --commonChunk = จริง | เท็จ ใช้บันเดิลแยกต่างหากที่มีโค้ดที่ใช้กับหลายบันเดิล
6 --configuration = การกำหนดค่า

เป้าหมายการสร้างที่มีชื่อตามที่ระบุในส่วน "การกำหนดค่า" ของ angular.json แต่ละเป้าหมายที่ตั้งชื่อมาพร้อมกับการกำหนดค่าตัวเลือกเริ่มต้นสำหรับเป้าหมายนั้น การตั้งค่านี้จะลบล้างแฟล็ก "--prod" อย่างชัดเจน

นามแฝง: -c

7 --deployUrl = deployUrl URL ที่จะนำไฟล์ไปใช้งาน
8 --disableHostCheck = จริง | เท็จ

อย่ายืนยันว่าไคลเอนต์ที่เชื่อมต่อเป็นส่วนหนึ่งของโฮสต์ที่อนุญาต

ค่าเริ่มต้น: เท็จ

9 --help = true | false | json | JSON

แสดงข้อความวิธีใช้สำหรับคำสั่งนี้ในคอนโซล

ค่าเริ่มต้น: เท็จ

10 --hmr = จริง | เท็จ

เปิดใช้งานการเปลี่ยนโมดูลร้อน

ค่าเริ่มต้น: เท็จ

11 --hmrWarning = จริง | เท็จ

แสดงคำเตือนเมื่อเปิดใช้งานตัวเลือก --hmr

ค่าเริ่มต้น: จริง

12 --host = โฮสต์

โฮสต์ที่จะฟัง

ค่าเริ่มต้น: localhost

13 --liveReload = จริง | เท็จ

ไม่ว่าจะโหลดหน้าใหม่เมื่อมีการเปลี่ยนแปลงโดยใช้การโหลดซ้ำ

ค่าเริ่มต้น: จริง

14 --open = จริง | เท็จ

เปิด url ในเบราว์เซอร์เริ่มต้น

ค่าเริ่มต้น: เท็จ

นามแฝง: -o

15 --optimization = จริง | เท็จ เปิดใช้งานการเพิ่มประสิทธิภาพของเอาต์พุตบิลด์
16 - เสา เปิดใช้งานและกำหนดไฟล์ในการดูช่วงเวลาการสำรวจความคิดเห็นเป็นมิลลิวินาที
17 --ท่าเรือ

พอร์ตเพื่อฟัง

ค่าเริ่มต้น: 4200

18 --prod = จริง | เท็จ ชวเลขสำหรับ "--configuration = production" เมื่อเป็นจริงตั้งค่าคอนฟิกบิลด์เป็นเป้าหมายการผลิต ตามค่าเริ่มต้นเป้าหมายการผลิตจะถูกตั้งค่าในคอนฟิกูเรชันพื้นที่ทำงานเพื่อให้บิลด์ทั้งหมดใช้การรวมกลุ่มการเขย่าต้นไม้แบบ จำกัด และการกำจัดโค้ดที่ตายแล้วอย่าง จำกัด
19 --progress = จริง | เท็จ บันทึกความคืบหน้าไปยังคอนโซลขณะสร้าง
20 --proxyConfig = proxyConfig ไฟล์คอนฟิกูเรชันพร็อกซี
21 --publicHost = publicHost URL ที่ไคลเอนต์เบราว์เซอร์ (หรือไคลเอ็นต์รีโหลดสดหากเปิดใช้งาน) ควรใช้เพื่อเชื่อมต่อกับเซิร์ฟเวอร์การพัฒนา ใช้สำหรับการตั้งค่าเซิร์ฟเวอร์ dev ที่ซับซ้อนเช่นเซิร์ฟเวอร์ที่มีพร็อกซีย้อนกลับ
22 --servePath = servePath ชื่อพา ธ ที่จะให้บริการแอป
23 --servePathDefaultWarning = true | false

แสดงคำเตือนเมื่อ deploy-url / base-href ใช้ค่าพา ธ การแสดงผลที่ไม่รองรับ

ค่าเริ่มต้น: จริง

24 --sourceMap = จริง | เท็จ แผนผังแหล่งที่มาของเอาต์พุต
25 --ssl = จริง | เท็จ

ให้บริการโดยใช้ HTTPS

ค่าเริ่มต้น: เท็จ

26 --sslCert = sslCert ใบรับรอง SSL ที่จะใช้ในการให้บริการ HTTPS
27 --sslKey = sslKey คีย์ SSL เพื่อใช้ในการให้บริการ HTTPS
28 --vendorChunk = จริง | เท็จ ใช้บันเดิลแยกต่างหากที่มีเฉพาะไลบรารีของผู้จำหน่าย
29 --verbose = จริง | เท็จ เพิ่มรายละเอียดเพิ่มเติมในการบันทึกเอาต์พุต
30 --watch = จริง | เท็จ

สร้างใหม่ในการเปลี่ยนแปลง

ค่าเริ่มต้น: จริง

ขั้นแรกให้ย้ายไปยังโครงการเชิงมุมที่อัปเดตโดยใช้คำสั่งng buildจากนั้นรันคำสั่ง

ตัวอย่าง

\>Node\>TutorialsPoint> ng serve
chunk {main} main.js, main.js.map (main) 14.3 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 141 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 12.4 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 3 MB [initial] [rendered]
Date: 2020-06-04T04:01:47.562Z - Hash: a90c5fc750c475cdc4d1 - Time: 10164ms
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
: Compiled successfully.

ที่นี่คำสั่ง ng serve ได้สร้างและให้บริการโครงการของเรา TutorialsPoint สำเร็จแล้วตอนนี้เปิด http: // localhost: 4200 ในหน้าต่างเบราว์เซอร์และตรวจสอบผลลัพธ์