HOW TO SETUP ANGULAR 9 STEP BY STEP | Unlimited Solutions

Subscribers:
3,580
Published on ● Video Link: https://www.youtube.com/watch?v=o7ZaSQBIQP4



Category:
Guide
Duration: 25:02
641 views
10


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.




Other Videos By Unlimited Solutions


2020-10-09How To Play PlayStation Games On PC [ Emulator ] | Unlimited Solutions
2020-10-07How To Change Default Search Engine In Microsoft Edge | Unlimited Solutions
2020-10-04How To Copy Text From Document/Paper [Google Lens] | Unlimited Solutions
2020-09-30How To Fix Window Store Apps is not downloading/Installing [Error: 0x80070422] | Unlimited Solutions
2020-09-22How To Fix Brightness Function Is Not Working In Windows 10 | Unlimited Solutions
2020-09-18How To Export Audacity Files to Mp3 [ lame_enc.dll is missing ] | Unlimited Solutions
2020-08-19Enable Windows Sandbox [Windows 10 Feature] | Unlimited Solutions
2020-08-17How To Fix Brightness Issue in Windows 10 | Unlimited Solutions
2020-07-08How To Fix Windows Hello Not Working After Windows 10 Updates | Unlimited Solutions
2020-07-02How To Remotely Access Computer From A Phone [ Windows 10 Feature ] | Unlimited Solutions
2020-06-23HOW TO SETUP ANGULAR 9 STEP BY STEP | Unlimited Solutions
2020-06-08How To Connect To A Local Database in SQL Server | Unlimited Solutions
2020-04-12OBS Black Screen - FIX - 2020 AMD/NVIDIA Graphics | Unlimited Solutions
2020-03-31How To Change Default Application (Browser) in MIUI 11.0.6 | POCO F1 | Unlimited Solutions
2020-03-30How to Set Up USB Tethering on Windows 10 [WFH] | Unlimited Solutions
2020-03-19Share Your Screen On Skype, Show Your Problems To Me | Unlimited Solutions
2020-03-18Auto Reply: How To Configure In Mobile Outlook And Gmail | Unlimited Solutions
2020-03-16FIX: You are sharing your connection over the 5 GHz network band in Windows 10 | Unlimited Solutions
2020-03-12How To Link Android Or iOS Device To Windows 10 | Unlimited Solutions
2020-02-27How To Update Windows To 1909 Version / Download ISO Image | Unlimited Solutions
2020-02-23How To Enable USB Boot In BIOS [Legacy Mode] In HP Laptops | Unlimited Solutions



Tags:
Unlimited
Solutions
Sourav
Gupta
souravresides
Angular
How to setup Angular 9
How to setup Angular 8
Angular 8
Angular 9
step by step
HOW TO SETUP ANGULAR 9 STEP BY STEP
How to setup
Visual studio code
how to setup angular in
how to setup angular in visual studio code
how to setup angular in visual studio
Angular 1
Angular 2
Angular 5