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 ในหน้าต่างเบราว์เซอร์และตรวจสอบผลลัพธ์