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.
You must set up the following first:
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 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.


Post a Comment

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 Fix Random Disappearing Of HTML Elements On iPhone/iPad