Een nieuw project genereren

De opdracht ng new maakt de basis voor een volledig nieuwe Angular-werkruimte en applicatie.

De opdracht maakt een map, installeert afhankelijkheden, stelt TypeScript in, configureert het bouwen en een testprogramma, maakt een start-app met standalonecomponenten en initialiseert een git-opslagplaats.

Standaard stelt ng new enkele vragen, bijvoorbeeld of je Angular-routering wilt toevoegen en welk formaat voor stijlbladen je wilt gebruiken (CSS, SCSS, Sass of Less).

Je kunt de vraag over routering beantwoorden of vooraf met een vlag bepalen wat er moet gebeuren.

Kies de taal voor je stijlbladen met de vlag style.

Handige vlaggen zijn onder andere het overslaan van de installatie van afhankelijkheden of van de initialisatie van Git, wat nuttig is in CI-omgevingen of scripts.

Recente CLI-versies maken standaard een zelfstandige toepassing aan, waarbij main.ts bootstrapApplication gebruikt en er een app.config.ts voor providers is.

Ga na het aanmaken naar de nieuwe map om verdere opdrachten uit te voeren.

Elke opdracht ondersteunt een help-vlag die de opties weergeeft.

De Angular CLI (ng) maakt toepassingen aan met ng new my-app, waarbij je optioneel routing en een indeling voor stylesheets configureert. De CLI installeert afhankelijkheden en maakt een zelfstandige startertoepassing aan. Hierna bekijken we de gegenereerde structuur.