How To Set Up An Angular Web App Development Environment

- This guide is applicable to Angular 2 onwards.
- You should set up Angular on a development machine but not on the hosting server.
Prerequisites
You must set up the following first:
Steps
Let's call the app angular-app and set it up under the home directory.
~
└── angular-app
  1. Go to the home directory.
cd ~
  1. Create the angular-app project repository from the Angular quickstart repository.
git clone https://github.com/angular/quickstart.git angular-app
  1. Go to the angular-app project directory.
cd angular-app
  1. Install npm packages.
npm install
  1. Launch the app.
npm start
A browser window will be launched showing the quickstart content from http://localhost:3000.
Note: If you run "npm start" on a virtual development environment such as vagrant, you will need to configure port forwarding on your local machine, then you can go to the app page on the forwarding port on your local machine. E.g. http://localhost:30000.
  1. Modify the code in the Angular app directory and see the changes on your browser.

Comments

Popular posts from this blog

How To Set Up Quasar v0.14 On A Laravel+Vue Framework

How To Set Up Quasar v0.13 On A Laravel(5.4)+Vue Framework

How To Set Up NodeJs And Npm On Linux

How To Set Up PHP on Ubuntu

How To Set Up A Vue Web App Development Environment

How To Fix Random Disappearing Of HTML Elements On iPhone/iPad

How To Set Up WordPress On Google App Engine (GAE)

What Is Markdown ?

How To Set Up A WordPress Website On Ubuntu