Thanks to the Angular CLI and the Cypress Schematic, spinning up a new Angular 12 project with Cypress is incredibly easy.
Here's how to do it in less than 2 minutes:
- Install the Angular CLI if you haven't and create a new project:
ng new angular-cypress-demo
- Navigate to the newly created project directory and install the Cypress Angular Schematic via the CLI:
ng add @cypress/schematic
Once you've completed these steps, Cypress will be set up with a default config, and basic files and folders will be installed within your project in the
cypress folder - including an initial test.
For more information regarding schematic configuration click here.