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).
► Subscribe to Geeky Script Vlog Channel: / @geekyscriptvlogs
► Subscribe to Geeky Syntax Channel: / @geekysyntax
Geeky Script (
@GeekyScript) is a Computer Science - Educational Videos Creator 🎉
You can support us by buying a coffee ☕️ here -
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?
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 that 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
---------------------------------------------------------------------------
► Laptop I use:
amzn.to/4937mKs
amzn.to/3HJGXp5
► Recommended Laptops (35k Range):
amzn.to/3OqfNqL
amzn.to/3OrvHRZ
amzn.to/3SLK6uX
► Laptops 50k Range:
amzn.to/3ujvWHW
amzn.to/3UrW6CL
amzn.to/3SKlJh7
► Rode Wireless Mike:
amzn.to/4899rTH
amzn.to/3wd7nwE
► Windows 11 Pro 64-Bit: amzn.to/49cEpvk
► Windows 10 Pro 64-Bit: amzn.to/3SIxOn0
► Quick Heal Antivirus: amzn.to/49gnsAJ
► McAfee Antivirus: amzn.to/48ZoHUp
---------------------------------------------------------------------------
MY RELATED VIDEOS:
✻ All about Android Studio: • How to install Android...
✻ All about PostgreSQL: • How to Install Postgre...
✻ All about MongoDB: • How to install MongoDB...
✻ All about MySQL: • How to Install MySQL o...
✻ All about WordPress: • How to Install WordPre...
✻ All about Java Spring: • Spring Framework | Spr...
✻ All about Maven: • Maven project in NetBe...
✻ All about eBook: • How to Create an Ebook...
✻ All about React: • How to Install React o...
✻ All about NextJS: • How to Install Next.js...
✻ All about Angular: • How to Install Angular...
✻ All about Microsoft SQL Server: • How to Install Microso...
✻ All about Wamp: • How to Install WAMP Se...
✻ All about Visual Studio: • How to Install Microso...
---------------------------------------------------------------------------
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: geekyscript.com/
✻ LinkedIn: / geekyscript
✻ Twitter: / geekyscript
✻ Email: [e-mail]
✻ KZbin channel: / geekyscript
---------------------------------------------------------------------------
Affiliate Disclaimer: Some of the links above are affiliate (referral) links which means if you do click and purchase through them, then I may receive a commission. This helps support the free content on this channel.

[@GeekyScript]

Did this tutorial help you to install Angular 16? Comment Now!! and Let me know your opinion... And Please SUBSCRIBE for more! Also, you can Support my work through KZbin Thanks!

[@abdulahadsiddiqui2109]

i am not able to run it code language not supported in vs

[@princy_drisky2480]

aww man thanks a ton. much appreciated

[@Garuda814]

Thank you. It's very helpful ❤

[@GeekyScript]

You're welcome!

[@niteshkamble5992]

Very useful to me.. Thanks👍

[@GeekyScript]

Welcome 😊

[@kirthimandalika5910]

Really helpful video . Thank you for your very clear steps.

[@GeekyScript]

Glad it was helpful!

[@user-hb9wh2ks5v]

teacher there is an error my computer when i try to open an app the app doesn't open and its write this app cant run on your pc plz fix that and make solution all videos on you tube doesn't fix this problem

[@nehapandey6613]

Just an amazing point to point explanation 😃🎉

[@GeekyScript]

Glad you think so! All the best :) Also Subscribe to Geeky Syntax Channel: www.youtube.com/@geekysyntax/ and www.youtube.com/@GeekyScriptVlogs/

[@Rajkumar02122]

Nice Tutorial, i installed Angular using this video.

[@GeekyScript]

Glad to hear that!

[@DSHeroX]

I don't have an npm scripts tab in my visual studio code, what extension does this?

[@snigdharoy1938]

Very Useful Video For Me,,,, Thanks a Lot 😊

[@GeekyScript]

Most welcome 😊

[@Akki_09283]

Sir I am unable to see npm scripts in vs code

[@vinicius_kakarotto]

After I used the command to create a new crud app instead of the question "would you like to add Angular routing?" "Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)?" what do I do?

[@GeekyScript]

Yea.. there's been a update in Angular 17... watch this video: kzbin.info/www/bejne/jqaag5KXgt9jbZI

[@maheshkasaram6935]

I'm unable to see NPM SCRIPTS in vs code

[@girish8976]

Operation not permitted in your system

[@kamalrajs9634]

My angular CLI version 16.2.9, i installed node but it says unsupported(20.9.0)

[@GeekyScript]

Pls follow my latest video on Angular 17 here: kzbin.info/www/bejne/jqaag5KXgt9jbZI

[@Anshu_Gaming205]

you are awosome bro

[@GeekyScript]

Thank you and You're welcome 😊

[@manishbasnet1605]

thanks helped.

[@GeekyScript]

You're welcome! ❤ Also Subscribe to Geeky Syntax Channel: www.youtube.com/@geekysyntax/ and www.youtube.com/@GeekyScriptVlogs/

[@tsheposelomo430]

Thank you

[@GeekyScript]

You're welcome! Also, watch Complete ECommerce tutorial ⏩ kzbin.info/www/bejne/bWeoY4Sjn82FqrM and WordPress Tutorial Playlist ⏩ kzbin.info/www/bejne/p6WVc4SqbNqDmNU

[@khaisarbegum2134]

For it's not asking for a routing option when I am creating a new project

[@jawadsami6271]

because you use angular 17 which is latest version. but in this video he use angular 16

[@KnowledgeBlending]

Last me npm.script ka option nhi aa raha hai... only outline and timeline options hi hai

[@chinmaykadam8119]

Same here did you solve the problem

[@samuraii21]

@@chinmaykadam8119 you can right click on outline or any other dropdown that is visible and then click on 'npm scripts' to enable it. If its enabled, a check mark will appear there. Alternatively, I would recommend to just directly type 'ng serve' in the terminal as it seems much faster to me

[@pritampatidar2964]

Open vs code terminal and write - npm run start

[@Valkyrie-BGMI]

An unhandled exception occurred: EPERM: operation not permitted, open 'C:\Users\sriva\.angular-config.json' See "C:\Users\sriva\AppData\Local\Temp g-GTAJL4\angular-errors.log" for further details. this is the error getting