Enterprise Angular Applications with NgRx and Nx
  • Introduction
  • Introduction
    • Introduction
    • Course Description
    • Resources
    • 0 - Environment Setup
    • 1a - Brief Introduction To Angular
    • 1b - Brief Introduction To Angular
    • 1c - Brief Introduction To Angular
    • 2 - Creating an Nx Workspace
    • 3 - Generating components and Nx lib
    • 4 - Add JSON server
    • 5 - Angular Services
    • 6 - Angular Material
    • 7 - Reactive Forms
    • 8 - Layout Lib and BehaviorSubjects
    • 9 - Route Guards and Products Lib
    • 10 - NgRx Introduction
    • 11 - Adding NgRx to Nx App
    • 12 - Strong Typing the State and Actions
    • 13 - NgRx Effects
    • 14 - NgRx Selectors
    • 15 - Add Products NgRx Feature Module
    • 16 - Entity State Adapter
    • 17 - Router Store
    • 18 - Deploying An Nx Monorepo
Powered by GitBook
On this page
  • Check you have the right node and git
  • Install Angular CLI and Nx
  • Get Visual Studio Code
  • Get Visual Studio Code Extensions
  • Optionally turn on Visual Studio Code auto save
  1. Introduction

0 - Environment Setup

PreviousResourcesNext1a - Brief Introduction To Angular

Last updated 6 years ago

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

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 .

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

Get Visual Studio Code

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

Optionally turn on Visual Studio Code auto save

https://git-scm.com/downloads
www.nodejs.org
https://code.visualstudio.com/
https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-bracketsmarketplace.visualstudio.com
Creating a new workspace failed with error · Issue #531 · nrwl/nxGitHub
Logo
https://marketplace.visualstudio.com/items?itemName=eg2.tslintmarketplace.visualstudio.com
https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentialsmarketplace.visualstudio.com