How to Install Angular 16 on Windows 10/11 [2023 Update] Demo Angular Project | Complete Guide

Aug 15, 2023

How to Install Angular 16 on Windows 10/11 [2023 Update] Demo Angular Project | Complete Guide

Hello Everyone! Today in this video I am going to step-by-step guide you on How to install Angular 16 on Windows 10. And then I will also show you how to create a simple project in Angular. Windows (64-bit).

Geeky Script (\r@GeekyScript) is Computer Science - Educational Videos Creator 🎉
You can support by buying a coffee ☕️ here —
https://www.buymeacoffee.com/geekyscript

✻ I really hope you find this video useful. ♥

✻ Please click on the CC button to read the subtitles of this video.

What is Angular?
Angular is a TypeScript-based open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS

Now before installing Angular you need to first install NodeJS in your system. So for that just go to step 1.

Step 1. How to Download NodeJS?
https://nodejs.org/en/download/
This page will lead to the NodeJS download page.

Find the installation file and click on it to download. Here is this video we showed how to download and install NodeJS in Windows 10.
Now after downloading NodeJS save the file to the disk and follow the next step for installation.

Step 2. Install NodeJS
Double-click to run the NodeJS download file. Just follow the prompt as shown in the video and install NodeJS on your OS.

Step 3. Now after installing NodeJS in your system, it’s time to install Angular. So for that open your command prompt and simply type:
npm install -g @angular/cli

Ste4. Now after installing Angular, you can create an Angular project by simply typing:
ng new your-project-name

The instructions in this video tutorial can be applied to laptops, desktops, computers, and tablets which run the Windows 10 operating system like Windows 10 Home, Windows 10 Professional, Windows 10 Enterprise, and Windows 10 Education. This tutorial will work on all hardware manufacturers, like Dell, HP, Acer, Asus, Toshiba, Lenovo, and Samsung.

#Angular16 #AngularInstallation #Angulartutorialforbeginners #Angulartutorial #Angularprogramming #Angularprogrammingtutorial #Angularbasicsforbeginners #Windows10

Topics addressed in this tutorial:
How To Download And Install Angular On Windows 10 64-bit OS
Install Angular on Windows 10/11
How to Install Angular and Get Started

---------------------------------------------------------------------------
MY RELATED VIDEOS:
✻ All about Android Studio:    • How to install Android Studio on Wind…
✻ All about PostgreSQL:    • How to Install PostgreSQL \u0026 pgAdmin 4…
✻ All about MongoDB:    • How to install MongoDB on Windows 10 …
✻ All about MySQL:    • How to Install MySQL on Windows 10 [ …
✻ All about WordPress:    • How to Install WordPress in Xampp (Lo…
✻ All about Java Spring:    • Spring Framework | Spring setup in Ec…
✻ All about Maven:    • Maven project in NetBeans [ 2021 Upda…
✻ All about eBook:    • How to Create an Ebook for FREE

---------------------------------------------------------------------------
THANK YOU so much for watching!
Please make sure to LIKE and SHARE the video and SUBSCRIBE to the channel for more such videos :)

---------------------------------------------------------------------------
CONNECT WITH ME ON:
✻ Website: https://geekyscript.com/
✻ LinkedIn: https://www.linkedin.com/in/geekyscript/
✻ Twitter: https://twitter.com/GeekyScript
✻ Email: [email protected]
✻ YouTube channel:    / geekyscript
---------------------------------------------------------------------------

Content

0.24 -> hello everyone I welcome you to my Channel today I am going to show you how to install

4.68 -> the latest version of angular that is angular 16 and Windows operating system and then I'm

11.22 -> also going to show you how we can easily create a simple angular project and how we

16.14 -> can easily run that on our browser so do watch the video till the end if you face

21.06 -> any difficulty in Middle you can put a format in our comment sections I'm always there to help you

26.76 -> and please do like share and subscribe that will really help me to make more such videos

32.82 -> let's dive in into our video install angular will need node.js first so for that just simply

39.6 -> go to favorite browser and enter at this board just simply search with node.js and download

47.58 -> and hit enter and it will show you this nodejs.org as a first search result so here you need to just

54.54 -> simply click on this download node.js and when you click on that it's going to read attitude official

59.22 -> site of node.js and here you can see we have the LTS version and current version so the current

66.24 -> version is you can see version 20 right and LTS version is version 18. so I will be recommending

74.52 -> you to install the long term version LTM LTS basically means a long term version so I will

80.52 -> be recommending you to install the long term one which is version 18.16.0 okay so for Windows you

87 -> need to click on this Windows installer and it's going to start downloading our latest version of

91.8 -> node so you can see it is rightly downloaded just simply click on the installer and it's going to

98.7 -> show you this welcome to node.js setup so let's minimize our browser and here you can just simply

103.62 -> click on next say accept this license agreement you can always read this last segment after that

108.66 -> you need to accept and click on next so this is where our node.js is going to be installed totally

114.12 -> fine click on next and these are all you know packages it go to me install fine click on next

122.04 -> now it's asking whether you'd like to install chocolaty you can skip this phone now just then

127.14 -> click on next and see it's ready to be installed click on install and there you go our installation

133.74 -> has slightly began before that it will ask you for administrative privileges click on yes and

139.32 -> installation has directly began so let's wait for a couple of minutes to get it installed

144.48 -> and you can see our node.js is directly installed so now you can simply click on finish so now that

150.3 -> you know your node is ready installed next item that you'll need is this Visual Studio code

156.54 -> now I have already installed it so I'll know I'm not going to install it again so I'll show you

162.3 -> how you can easily download visual studio is just simply type Visual Studio code download

168.54 -> and it's going to show you this visual studio.com site so click on Visual Studio code and you can

175.38 -> see here it is available for Windows Linux and Mac so depending upon what operating system you

180.66 -> are using you need to proceed with this with that installer okay for Windows you need to click on

185.52 -> this and it's going to start the exe and you can install I have already made a detailed video If

191.34 -> you face any issues you can follow that link will be in the description so now that you have visual

196.38 -> studio and also node.js installed you can just simply you know click on the search icon and just

201.66 -> simply type over here CMD and open the command prompt and here if you just simply type node

208.5 -> space dash dash version and just simply hit enter you can see latest version of node that

215.1 -> is the long term version is 18.16.0 directly installed right so now I'm going to show you

222.84 -> how you can easily install angular so for that you need to just simply type npm install

231.48 -> space Dash G Dash G basically means Global so globally you are installing angular

237.66 -> so Dash G at direct angular

242.7 -> slash CLI that's all so npm is the you know package that will come when you install node.js

252 -> so that's why you are able to use this npm command and then install Dash G Global at the

259.92 -> right angular CLI CLI means command line interface okay so just simply hit enter

266.16 -> and you can see it has rightly started installing our angular globally so again the thing is you

273.12 -> need to have active internet connection to install angular so you know it will going to fetch all

279.78 -> the files from internet I am going to install it locally on your system so you know give some time

285.42 -> it will take some time about five to ten minutes I would say so after that I'm going to again coming

290.76 -> back to this video yep so welcome back and now you can clearly see our angular is starting to install

297.48 -> so you can check the latest version of angular version by just simply typing NG V and hit enter

306.96 -> and it's asking whether I'd like to send the

309.54 -> you know analytics to Google for now you can just simply in it no

316.8 -> and I can see that our latest version of angular CLI is version 16.2.0 is directly

325.38 -> installed locally on our system so in this way you can easily install latest version

329.76 -> of angular on a Windows operating system so now that our angular is also installed I am

334.32 -> going to close this and I am going to show you how you can easily create a new project

337.68 -> in angular so for the just simply you know create a new folder renaming it as angular

344.34 -> practice and just simply open that folder and here I'm going to just simply click on this address

351.78 -> bar and just simply type CMD so it will open our Command Prompt right at this folder location and

358.92 -> now what I'm going to do is I'm going to create a new angular project so NG is our angular command

365.58 -> then new and then you need to give your project name so let's give the project name as a demo

370.92 -> app F and hit enter so it's going to start creating our new angular project name called

378.48 -> demo app so it's asking whether we need routing I'll say yes whether you need CSS I'll say yes

386.76 -> and you can see it has rightly started creating our project so let's you know wait for some

392.64 -> time to finish creating our project and then I'm going to again coming back to this video

398.1 -> so we'll come back and now you can clearly see that our angular project is rightly created so our

403.8 -> demo app is rightly created over here you can see so let's go inside that folder so CD demo app hit

411.66 -> enter and you can see we are currently inside our demo app project so now if you just simply type

417.36 -> code then Dot and hit enter it's going to open our demo app project in our Visual Studio code

425.94 -> so you can see our Visual Studio code rightly started launching

432.3 -> uh here you can click on ESI trust the authors

436.56 -> and there you go you can see our angular project this demo app is rightly open so here is our

442.8 -> angular Json file and here is our package.json file so you can see latest version of angular 16

450.36 -> is readily you know installed and our project is also our latest version angular CLI version 16.

456.72 -> so let's say how we can run this project so for that you need to just simply expand these npm

462.9 -> scripts and click on this start okay so that is NG solve so click on this run button and in our

471.66 -> terminal it automatically going to execute that npm start comment that is NG serve and once our

479.16 -> you know build gets successful we can see we have here this follow link and in our browser you can

487.14 -> see that our latest version of angular project the version 16 singular project is up and running on

492.9 -> our browser so in this way you can easily install latest version of angular on our Windows operating

498.84 -> system if this video helps you then please do like share and subscribe that really help me

503.7 -> to make more such videos thank you very much for watching this video and God bless you all

Source: https://www.youtube.com/watch?v=MKeRUlOSrIQ