Setting up a scalable Angular workspace
In this final section, we will create an Nx monorepo, along with some placeholder Angular applications and libraries for demonstration purposes. We’ll start by adding some extensions in VS Code to make our developer experience more pleasant.
Add the following extensions:
- Angular Essentials (version 16): Angular Essentials is comprised of eight different extensions that are useful for Angular development
- Angular support
- Nx console
Once you’ve installed these extensions, you will probably need to reload VS Code for all of them to be applied, so restart your VS Code application. After this, you should see an Nx icon on the left-hand side of VS Code; this is the Nx console. When you have successfully installed the various VS Code extensions, you must globally install the Nx
and Cypress NPM
packages. To do so, you can run the following command in the terminal of your choice. I like to use the integrated VS Code...