🖥️
Full stack Typescript
  • Introduction
  • Environment setup
    • Workspace setup
    • Firebase project setup
    • Firebase authentication
    • Firestore database
    • Firebase hosting
  • Getting started with the Full Stack Typescript repository
  • Workflows
    • Development workflow
      • Component workflow
        • Application Toolbar component example
      • Feature workflow
        • User Account feature example
      • Function workflow
        • Update User Account callable function example
      • Web3 function workflow
        • Query Ethereum balance callable function example
    • Icon workflow
    • Push notification workflow
    • PWA workflow
      • Making your PWA Google Play Store ready
    • Secret Manager API workflow
  • Styleguide
    • Architecture overview
    • Naming conventions
    • Single-responsibility principle
  • Change Requests
    • Request for changes
      • Change pattern proposal template
      • New pattern proposal template
Powered by GitBook
On this page

Environment setup

PreviousIntroductionNextWorkspace setup

Last updated 2 years ago

Dependency checklist:

  • Node v8+

  • Git

  • cli.angular.io

  • Nrwl schematics

  • Visual studio code

  • Visual studio code extensions

  • Chrome extension for redux dev tools

Install / verify the correct Node

Node version can be checked by running the following command in the terminal.

node -v

Node download link:

Install / verify the latest version of Git

Git version can be checked by running the following command in the terminal.

git --version

Git download link:

Install Angular CLI

Angular CLI should be installed globally. Run the following command.

npm install -g @angular/cli

Install Nrwl schematics

Nrwl schematics should be installed globally. Run the following command.

npm install -g @nrwl/schematics

Install Visual Studio Code

Visual Studio Code is the recommended integrated development environment (IDE) for efficient development. Your preferred IDE can be used, but references and extensions will be limited to VS Code.

Install Visual Studio Code extensions

The following extensions are used to speed up the development process and maintain best practices.

VS Code download link:

Angular Essentials:

Angular Language Service:

Indent Rainbow:

ESLint:

IntelliCode:

Prettier:

Sort Typescript Imports:

vscode-angular-html:

GitLens:

PWABuilder Studio:

https://nodejs.org/en/
https://git-scm.com/downloads
https://code.visualstudio.com/
https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentials
https://marketplace.visualstudio.com/items?itemName=Angular.ng-template
https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
https://marketplace.visualstudio.com/items?itemName=miclo.sort-typescript-imports
https://marketplace.visualstudio.com/items?itemName=ghaschel.vscode-angular-html
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
https://marketplace.visualstudio.com/items?itemName=PWABuilder.pwa-studio