0 - Environment Setup

Dependency checklist:

1. node v8+

2. git

3. cli.angular.io

4. nrwl schematics

5. visual studio code

6. visual studio code extensions

7. chrome extension for redux dev tools

The main dependency for being able to make an Angular application is node version 8+. The latest stable version of node is best to get if you do not have it already installed.

Check you have the right node and git

You can check your version of node by running the following command in the terminal.

node -v

If you would like to use source control and check out completed work then it is recommended to have git installed on your machine. You can download git from https://git-scm.com/downloads

You can check your version of node by running the following command in the terminal.

git --version

If you do not have node installed or you are using a version lower than v4 then I you can get the latest stable version from www.nodejs.org.

Install Angular CLI and Nx

We need to have both the Angular CLI and the nrwl schematics installed globally. Run the following commands.

npm install -g @angular/cli

npm install -g @nrwl/schematics

• Manually install NgRx schematics globally until issue resolved

npm i @ngrx/schematics -g

Creating a new workspace failed with error · Issue #531 · nrwl/nxGitHub

Get Visual Studio Code

https://code.visualstudio.com/

Get Visual Studio Code Extensions

Angular Essentials: Everything you need for angular in an extension pack

Rainbow Brackets: Handy for many brackets when inlining observables

TSLint: Great linting in VSCode

https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentialsmarketplace.visualstudio.com

https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-bracketsmarketplace.visualstudio.com

https://marketplace.visualstudio.com/items?itemName=eg2.tslintmarketplace.visualstudio.com

Optionally turn on Visual Studio Code auto save