Generating a New Project
Create an app with ng new and explore options.
Generating a New Project is a free Angular Academy lesson on CoddyKit — lesson 1 of 4. You can read the complete lesson below for free — then practise it hands-on in the browser with a built-in code editor and a 24/7 AI tutor. It is part of the Angular Academy learning path, one of 4 lessons in the course, and your progress syncs across the web and the CoddyKit app.
The Angular CLI
The Angular CLI is the official command-line tool for creating, building, serving, and testing Angular apps. Commands begin with ng.
Installing the CLI
Install it globally with npm so the ng command is available everywhere.
npm install -g @angular/cliCreating a Project with ng new
The ng new command scaffolds a brand new Angular workspace and application.
ng new my-appWhat ng new Does
It creates a folder, installs dependencies, sets up TypeScript, a build configuration, a test runner, and a starter standalone app, and initializes a git repository.
Interactive Prompts
By default ng new asks a few questions, such as whether to add Angular routing and which stylesheet format to use (CSS, SCSS, Sass, or Less).
Adding Routing
You can answer the routing prompt, or pass a flag to decide up front.
ng new my-app --routingChoosing a Style Format
Pick your stylesheet language with the style flag.
ng new my-app --style=scssSkipping Install or Git
Useful flags include skipping dependency install or git initialization, handy in CI or scripted setups.
ng new my-app --skip-install --skip-gitStandalone by Default
Recent CLI versions scaffold a standalone application by default, with main.ts using bootstrapApplication and an app.config.ts for providers.
Moving Into the Project
After creation, change into the new directory to run further commands.
cd my-appGetting Help
Every command supports a help flag listing its options.
ng new --helpQuick Check: ng new
Creating a project.
Recap: New Project
The Angular CLI (ng) creates apps with ng new my-app, optionally configuring routing and a stylesheet format. It installs dependencies and scaffolds a standalone starter app. Next: understanding the generated structure.
Frequently asked questions
Is the “Generating a New Project” lesson free?
Yes — the full text of “Generating a New Project” is free to read here on the web, and the Angular Academy course includes 4 lessons in total. To practise it interactively (a built-in code editor and a 24/7 AI tutor) and unlock the rest of the Angular Academy course, upgrade to CoddyKit PRO.
What will I learn in “Generating a New Project”?
Create an app with ng new and explore options. You practise Angular Academy with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.
Do I need any experience to start Angular Academy?
No prior experience is required. Angular Academy on CoddyKit is structured for beginners through advanced learners; this is — lesson 1 of 4, so you can start here or from the beginning and move at your own pace.
How long does the “Generating a New Project” lesson take?
Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.
Can I write and run code in this Angular Academy lesson?
Yes. Every Angular Academy lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.
All lessons in this course
- Generating a New Project
- Project Structure Explained
- Generating Code with ng generate
- Building and Serving