HOW TO SETUP ANGULAR 9 STEP BY STEP | Unlimited Solutions
Angular 9 Environment Setup
===========================
1. Download Node.js latest version from https://nodejs.org/en/download/
2. Extract it to the desktop in the folder named nodejs(D:\Users\sourgupt\Desktop\nodejs)
3. Download the Editor Visual Studio Code from https://code.visualstudio.com/download
4. Extract it to the desktop in the same folder i.e.nodejs
5. Open Visual Studio Code by clicking Code.exe from nodejs folder
6. Open Terminal by clicking Terminal - New Terminal and select the cmd as default shell
7. SET the PATH and NODE_PATH environment Variable
- CREATE A BAT FILE IF NOT HAVING ADMIN ACCESS...
SET PATH=c:\Windows\System32;C:\Angular\Visual Studio Code
SET NODE_PATH= C:\Angular\Visual Studio Code\node_modules
C:\Users\karmuthu: node -v
v12.18.1
C:\Users\karmuthu: npm -v
6.14.5
8. Install Angular Cli as a Global Module
npm install -g @angular/cli@1 - It will install Angular 5
npm install -g @angular/cli@6 - It will install Angular 6
npm install -g @angular/cli@7 - It will install Angular 7
npm install -g @angular/cli@8 - It will install Angular 8
npm install -g @angular/cli - It will install latest Angular 9
Press No when it prompts for google analytics
if you have issues with installation set the proxy
-npm config set http-proxy http://blrproxy.igate.com:8080
-npm config set https-proxy http://blrproxy.igate.com:8080
9. To check the Angular Cli version
ng --version
10. Create Angular 9 Project in Desktop
ng new ng9-app
? Would you like to add Angular routing? No
? Which stylesheet format would you like to use? CSS
11. Open the Project in Visual Studio Code
File --- Open Folder ---- ng9-app
SET the PATH, NODE_PATH and proxy(if issues are there)
12. Install http-server, rimraf as global module and bootstrap as project module
npm install -g http-server
npm install -g rimraf (rimraf helps to delete the file present in the project)
npm install -S bootstrap@3.3.7
13. Run the Angular Project by typing the following command
ng serve -- open (Adding --open will help you to open the browser automatically.)
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
i ?wdm?: Compiled successfully.
14. Open Google Chrome and type the URL http://localhost:4200/ to see the output
Be sure to subscribe to my channel to get the latest updates.
Music:
Kid Kasino & Dutty Moonshine - Everybody
https://www.youtube.com/watch?v=cIASYKmcgLQ
Maduk - Go Home [NCS Release]
https://www.youtube.com/watch?v=qScpgKbuTLw
-----------------------------------------------------------------------------------------------------------
Subscribe Here: https://www.youtube.com/UnlimitedSolutionsOfficial
-----------------------------------------------------------------------------------------------------------
Social Media:
Follow me on:
Facebook: https://www.facebook.com/unlimitedsolun
Instagram: https://www.instagram.com/souravresides/
Snapchat: https://www.snapchat.com/add/souravresides
Twitter: https://twitter.com/unlimitedsolun
-----------------------------------------------------------------------------------------------------------
Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.