Angular CLI - ng คำสั่งใหม่

ไวยากรณ์

ng new <name> [options]
ng n <name> [options]

ng คำสั่งใหม่สร้างพื้นที่ทำงานที่กำหนด nameด้วยแอปพลิเคชันเชิงมุมเริ่มต้น มีการแจ้งเตือนแบบโต้ตอบเพื่อตั้งค่าการกำหนดค่าเพิ่มเติม ข้อความแจ้งทั้งหมดมีค่าเริ่มต้นให้เลือก ตัวเลือกคือพารามิเตอร์ที่เป็นทางเลือก

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

ซีเนียร์	อาร์กิวเมนต์และไวยากรณ์	คำอธิบาย
1	<ชื่อ>	ชื่อของพื้นที่ทำงานใหม่และโครงการเริ่มต้น

ตัวเลือก

ซีเนียร์	ตัวเลือกและไวยากรณ์	คำอธิบาย
1	--collection = คอลเลกชัน	ชุดแผนผังที่จะใช้ในการสร้างแอปเริ่มต้น นามแฝง: -c.
2	--commit = จริง | เท็จ	ข้อมูลคอมมิตที่เก็บ git เริ่มต้น ค่าเริ่มต้น: จริง
3	--createApplication = true | false	เมื่อเป็นจริง (ค่าเริ่มต้น) สร้างโปรเจ็กต์แอปเริ่มต้นใหม่ในโฟลเดอร์ src ของพื้นที่ทำงานใหม่ เมื่อเป็นเท็จสร้างพื้นที่ทำงานว่างโดยไม่มีแอปเริ่มต้น จากนั้นคุณสามารถใช้คำสั่งสร้างแอปพลิเคชันเพื่อสร้างแอปทั้งหมดในโฟลเดอร์โครงการ ค่าเริ่มต้น: จริง
4	--defaults = จริง | เท็จ	เมื่อเป็นจริงให้ปิดใช้งานพร้อมต์อินพุตแบบโต้ตอบสำหรับตัวเลือกที่มีค่าเริ่มต้น
5	--directory = ไดเรกทอรี	ชื่อไดเร็กทอรีที่จะสร้างเวิร์กสเปซ
6	--dryRun = จริง | เท็จ	เมื่อเป็นจริงจะเรียกใช้และรายงานกิจกรรมโดยไม่ต้องเขียนผลลัพธ์ ค่าเริ่มต้น: เท็จ นามแฝง: -d.
7	- บังคับ = จริง | เท็จ	เมื่อเป็นจริงบังคับให้เขียนทับไฟล์ที่มีอยู่ ค่าเริ่มต้น: เท็จ นามแฝง: -f.
8	--help = true | false | json | JSON	แสดงข้อความวิธีใช้สำหรับคำสั่งนี้ในคอนโซล ค่าเริ่มต้น: เท็จ
9	--inlineStyle = จริง | เท็จ	เมื่อเป็นจริงให้รวมสไตล์อินไลน์ไว้ในไฟล์ TS คอมโพเนนต์ โดยค่าเริ่มต้นไฟล์สไตล์ภายนอกจะถูกสร้างและอ้างอิงในไฟล์ TS คอมโพเนนต์ ค่าเริ่มต้น: เท็จ
10	--inlineStyle = จริง | เท็จ	เมื่อเป็นจริงให้รวมสไตล์อินไลน์ไว้ในไฟล์ TS คอมโพเนนต์ โดยค่าเริ่มต้นไฟล์สไตล์ภายนอกจะถูกสร้างและอ้างอิงในไฟล์ TS คอมโพเนนต์ ค่าเริ่มต้น: เท็จ นามแฝง: -t.
11	--interactive = จริง | เท็จ	เมื่อเป็นเท็จปิดใช้งานพร้อมต์อินพุตแบบโต้ตอบ
12	--minimal = จริง | เท็จ	เมื่อเป็นจริงให้สร้างโครงการโดยไม่มีกรอบการทดสอบใด ๆ (ใช้เพื่อการเรียนรู้เท่านั้น) ค่าเริ่มต้น: เท็จ
13	--newProjectRoot = newProjectRoot	เส้นทางที่จะสร้างโปรเจ็กต์ใหม่โดยสัมพันธ์กับรูทพื้นที่ทำงานใหม่ ค่าเริ่มต้น: โครงการ
14	--packageManager = npm | yarn | pnpm | cnpm	ตัวจัดการแพ็คเกจที่ใช้ในการติดตั้งการอ้างอิง
15	--prefix = คำนำหน้า	คำนำหน้าเพื่อใช้กับตัวเลือกที่สร้างขึ้นสำหรับโครงการเริ่มต้น ค่าเริ่มต้น: แอป นามแฝง: -p.
16	--routing = จริง | เท็จ	เมื่อเป็นจริงจะสร้างโมดูลการกำหนดเส้นทางสำหรับโครงการเริ่มต้น
17	--skipGit = จริง | เท็จ	เมื่อเป็นจริงอย่าเริ่มต้นที่เก็บ git ค่าเริ่มต้น: เท็จ นามแฝง: -g.
18	--skipInstall = จริง | เท็จ	เมื่อเป็นจริงอย่าติดตั้งแพ็คเกจการอ้างอิง ค่าเริ่มต้น: เท็จ
19	--skipTests = จริง | เท็จ	เมื่อเป็นจริงจะไม่สร้างไฟล์ทดสอบ "spec.ts" สำหรับโปรเจ็กต์ใหม่ ค่าเริ่มต้น: เท็จ นามแฝง: -S.
20	--strict = จริง | เท็จ	สร้างพื้นที่ทำงานด้วยอ็อพชันคอมไพเลอร์ TypeScript ที่เข้มงวดขึ้น ค่าเริ่มต้น: เท็จ
21	- style = css | scss | sass | less | styl	นามสกุลไฟล์หรือตัวประมวลผลล่วงหน้าที่จะใช้สำหรับไฟล์สไตล์
22	--verbose = จริง | เท็จ	เมื่อเป็นจริงให้เพิ่มรายละเอียดเพิ่มเติมในการบันทึกเอาต์พุต ค่าเริ่มต้น: เท็จ นามแฝง: -v.
23	--viewEncapsulation = จำลอง | เนทีฟ | ไม่มี | ShadowDom	กลยุทธ์การห่อหุ้มมุมมองที่จะใช้ในโครงการเริ่มต้น

ตัวอย่าง

\>Node ng new TutorialsPoint
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS
CREATE TutorialsPoint/angular.json (3630 bytes)
CREATE TutorialsPoint/package.json (1291 bytes)
CREATE TutorialsPoint/README.md (1031 bytes)
CREATE TutorialsPoint/tsconfig.json (489 bytes)
CREATE TutorialsPoint/tslint.json (3125 bytes)
CREATE TutorialsPoint/.editorconfig (274 bytes)
CREATE TutorialsPoint/.gitignore (631 bytes)
CREATE TutorialsPoint/browserslist (429 bytes)
CREATE TutorialsPoint/karma.conf.js (1026 bytes)
CREATE TutorialsPoint/tsconfig.app.json (210 bytes)
CREATE TutorialsPoint/tsconfig.spec.json (270 bytes)
CREATE TutorialsPoint/src/favicon.ico (948 bytes)
CREATE TutorialsPoint/src/index.html (300 bytes)
CREATE TutorialsPoint/src/main.ts (372 bytes)
CREATE TutorialsPoint/src/polyfills.ts (2835 bytes)
CREATE TutorialsPoint/src/styles.css (80 bytes)
CREATE TutorialsPoint/src/test.ts (753 bytes)
CREATE TutorialsPoint/src/assets/.gitkeep (0 bytes)
CREATE TutorialsPoint/src/environments/environment.prod.ts (51 bytes)
CREATE TutorialsPoint/src/environments/environment.ts (662 bytes)
CREATE TutorialsPoint/src/app/app-routing.module.ts (246 bytes)
CREATE TutorialsPoint/src/app/app.module.ts (393 bytes)
CREATE TutorialsPoint/src/app/app.component.html (25755 bytes)
CREATE TutorialsPoint/src/app/app.component.spec.ts (1083 bytes)
CREATE TutorialsPoint/src/app/app.component.ts (218 bytes)
CREATE TutorialsPoint/src/app/app.component.css (0 bytes)
CREATE TutorialsPoint/e2e/protractor.conf.js (808 bytes)
CREATE TutorialsPoint/e2e/tsconfig.json (214 bytes)
CREATE TutorialsPoint/e2e/src/app.e2e-spec.ts (647 bytes)
CREATE TutorialsPoint/e2e/src/app.po.ts (301 bytes)
 Packages installed successfully.

ที่นี่คำสั่งใหม่ได้สร้างพื้นที่ทำงานเชิงมุมและโครงการที่มีชื่อ TutorialsPoint ในไดเรกทอรีโหนดของเรา