Angular CLI - Generate components in a specific folder

In Visual Studio Code, following are the methods that can be used to create a component in a specific directory.

Method 1: Open in Integrated Terminal

You want to create a component in a app/components folder as shown in the image below:

• Right click on the folder in which you want to create component.

• Select option Open in Integrated Terminal

  

• It will open a new terminal pane with the selected path.

  

• In new terminal, type the command to create new component:

     ng g c component1
  

Method 2: Copy Relative Path and Paste on Terminal

• Right click on folder in which you want to create component

• From context menu, select Copy Relative Path

  
• On termincal, type cd, press space and then paste the copied path. It will change the current working directory.

• Then you can run the command to create new component.

     ng g c component1
  

Method 3: Manually Type complete path on terminal

In create component command, append the full folder path before compnent name.

   ng g c path/from/app/folder/component1

In our exmaple, to create a component in components folder (which is a sub-folder inside app), the command will be:

   ng g c components/component1

If your application have multiple modules, you may want to specify the existing module in which you need to create new component.

   ng g c employee/component1 --module=employee/employee.module.ts

This command will create component in employee module.