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 ในไดเรกทอรีโหนดของเรา