Angular CLI installation and setup - Practice Problems & Coding Challenges

Challenge - 5 Problems

🧠 Conceptual

intermediate

Angular CLI Installation Command

Which command correctly installs the Angular CLI globally using npm?

A npm install --global angular-cli

B npm install @angular/cli -g

C npm global install angular-cli

D npm install -g @angular/cli

💡 Hint

The global flag is -g.

The correct command to install Angular CLI globally is 'npm install -g @angular/cli'. The -g flag should be placed before the package name. Other options have wrong package names or syntax.

❓ component_behavior

intermediate

Angular CLI New Project Creation

What is the output behavior after running the command 'ng new my-app' in a terminal?

A Creates a new folder 'my-app' with Angular project files and installs dependencies

B Only creates a folder 'my-app' without any files inside

C Updates the existing Angular project in the current folder

D Generates a new Angular component named 'my-app' inside the current project

💡 Hint

Think about what 'ng new' is designed to do.

'ng new my-app' creates a new Angular project folder named 'my-app' with all necessary files and installs dependencies automatically.

📝 Syntax

advanced

Correct Angular CLI Command to Serve Project

Which command correctly starts the Angular development server for the current project?

A ng build --serve

B ng serve

C ng run

D ng start

💡 Hint

The command to launch the dev server is short and simple.

'ng serve' compiles the project and starts a local development server with live reload. Other commands do not start the server.

🔧 Debug

advanced

Error When Running 'ng' Command

You installed Angular CLI globally but running 'ng version' gives 'command not found'. What is the most likely cause?

A You must run 'npm link @angular/cli' after installation

B Angular CLI was installed locally, not globally

C The npm global bin folder is not in your system PATH environment variable

D You need to restart your terminal after installation

💡 Hint

Check if your system knows where to find global npm commands.

If the global npm bin folder is not in PATH, the shell cannot find 'ng' command even if installed globally.

❓ lifecycle

expert

Angular CLI Version Compatibility

You have Angular CLI version 15 installed globally but your project uses Angular version 13. What is the expected behavior when running 'ng serve' inside the project folder?

A The CLI will warn about version mismatch but still serve the project

B The CLI will refuse to run and throw an error about incompatible versions

C The CLI will automatically downgrade itself to version 13

D The CLI will serve the project but with missing features from version 15

💡 Hint

Angular CLI tries to work with older projects but warns you.

Angular CLI shows a warning about version mismatch but usually still runs commands like 'ng serve'. It does not downgrade or block running.