Angular·Angular from components to production

Setup and the CLI

Create a project, understand the workspace and run the dev server.

Intermediate 12 min read Lesson 1 of 300 Challenge included

What you will be able to do

Create a project with ng new.
Use standalone components for new code.
Run ng serve for development.
Keep shared code in a clear folder structure.

In plain English

The Angular CLI creates a workspace with a src folder, configuration and a test setup. Use the CLI for components and services so files are registered consistently.

terminalTerminal

ng new edubyte-ui --standalone --style=css --routing
cd edubyte-ui
ng serve

Your turn

Generate a component

Easy

Use the CLI to generate a standalone component named lesson-card.

BASH · starter

ng generate

Check your understanding before moving on.

Knowledge checkQuestion 1

Which command starts the Angular development server?

Select an answer to continue

Study tools

Make it yours.

Keep a private note for this lesson, then turn the key ideas into flashcards you can revisit.

Sign in to save notes and flashcards.Both are private to your account and stay with your progress.

Finished reading?

Lock in what you just learned.

Mark this lesson complete to save your place and move one step closer to the certificate.

Next: Components and templates

Lesson 1 of 300 · 0% of course