Short Answer 
To create an Angular component, first ensure you’re in an Angular workspace by checking for the angular.json file. Navigate to your project root directory and use the command ng generate component component-name to generate the component after confirming your location is correct.
Step 1: Verify Your Angular Workspace
Before creating an Angular component, ensure you are working within an Angular workspace. A workspace is essential as it contains your projects and configuration files. To check, look for an angular.json file in your current directory. If it’s not there, you need to create a new workspace.
- Run the command ng new project-name to create a new workspace.
- Navigate into the workspace directory by using cd project-name.
Step 2: Navigate to the Project Root Directory
After creating or verifying your workspace, make sure you are in the root directory of your Angular project. This location is crucial as it contains the configuration files needed for generating components. Double-check that you have moved into the correct directory before running any commands.
- Use the command cd project-name to change into the project directory.
- Confirm the presence of angular.json to ensure you’re in the right place.
Step 3: Generate Your Angular Component
Once you are in the correct project directory, you can create a new component using the Angular CLI. This step is straightforward and allows you to begin building your Angular application with new features.
- Run ng generate component component-name or the shortcut ng g c component-name.
- If any errors occur, double-check that the Angular CLI is installed and properly configured.