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. This is lesson 1 of 4. Any 3 lessons of this learning path are free to read in full — after that, CoddyKit PRO unlocks every lesson, plus hands-on practice with a built-in code editor and a 24/7 AI tutor. It is part of the Angular Academy learning path, and your progress syncs across the web and the CoddyKit app. The Angular Academy course includes 4 lessons in total.
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.
Learn HTML with an AI tutor — free
Write and run real code in your browser, get instant help from a 24/7 AI tutor, and pick up where you left off on the web or in the app.
- Courses
- 38
- Lessons
- 144
Frequently Asked Questions
Is the “Generating a New Project” lesson free?
Yes — any 3 lessons of the Angular Academy learning path, including “Generating a New Project”, are free to read in full here on the web. After that, CoddyKit PRO unlocks every lesson, plus interactive practice with a built-in code editor and a 24/7 AI tutor. The Angular Academy course includes 4 lessons in total.
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, so you can start here or from the beginning and move at your own pace. This is lesson 1 of 4.
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