How to Setup Angular 8 in Visual Studio Code step by step | Unlimited Solutions
143Angular 8 Environment Setup
===========================
1. Download Node.js latest version from https://nodejs.org/dist/v10.16.0/node-v10.16.0-win-x64.zip
2. Extract it to the desktop in the folder named nodejs(D:\Users\souravgupta\Desktop\nodejs)
3. Download the Editor Visual Studio Code from https://code.visualstudio.com/docs/?dv=winzip
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
SET PATH=c:\Windows\System32;D:\Users\souravgupta\Desktop\nodejs
SET NODE_PATH=D:\Users\souravgupta\Desktop\nodejs\node_modules
C:\Users\souravgupta node -v
v10.16.0
C:\Users\souravgupta npm -v
6.9.0
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 - It will install latest Angular 8
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 8 Project in Desktop
ng new ng8-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 - ng8-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
npm install -S bootstrap@3.3.7
13. Run the Angular Project by typing the following command
ng serve
** 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
TO run: ng serve
Be sure to subscribe 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.