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

  Рет қаралды 39,231

Geeky Script

Geeky Script

Күн бұрын

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.buymeacoff...
✻ 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/...
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: geekyscript@outlook.com
✻ 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.

Пікірлер: 39
@GeekyScript
@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
@abdulahadsiddiqui2109 Жыл бұрын
i am not able to run it code language not supported in vs
@nehapandey6613
@nehapandey6613 8 ай бұрын
Just an amazing point to point explanation 😃🎉
@GeekyScript
@GeekyScript 8 ай бұрын
Glad you think so! All the best :) Also Subscribe to Geeky Syntax Channel: www.youtube.com/@geekysyntax/ and www.youtube.com/@GeekyScriptVlogs/
@Garuda814
@Garuda814 Жыл бұрын
Thank you. It's very helpful ❤
@GeekyScript
@GeekyScript 11 ай бұрын
You're welcome!
@Rajkumar02122
@Rajkumar02122 Жыл бұрын
Nice Tutorial, i installed Angular using this video.
@GeekyScript
@GeekyScript Жыл бұрын
Glad to hear that!
@kirthimandalika5910
@kirthimandalika5910 9 ай бұрын
Really helpful video . Thank you for your very clear steps.
@GeekyScript
@GeekyScript 9 ай бұрын
Glad it was helpful!
@snigdharoy1938
@snigdharoy1938 10 ай бұрын
Very Useful Video For Me,,,, Thanks a Lot 😊
@GeekyScript
@GeekyScript 10 ай бұрын
Most welcome 😊
@niteshkamble5992
@niteshkamble5992 Жыл бұрын
Very useful to me.. Thanks👍
@GeekyScript
@GeekyScript Жыл бұрын
Welcome 😊
@princy_drisky2480
@princy_drisky2480 9 ай бұрын
aww man thanks a ton. much appreciated
@umamasheikh7513
@umamasheikh7513 2 ай бұрын
thanks for a video keep it up
@GeekyScript
@GeekyScript 2 ай бұрын
Thanks, will do!! ❤ ☺ ► Follow me on Instagram: instagram.com/geekyscript/ ► Subscribe to Geeky Script Vlog Channel: www.youtube.com/@GeekyScriptVlogs/ ► Subscribe to Geeky Syntax Channel: www.youtube.com/@geekysyntax/
@tsheposelomo430
@tsheposelomo430 4 ай бұрын
Thank you
@GeekyScript
@GeekyScript 4 ай бұрын
You're welcome! Also, watch Complete ECommerce tutorial ⏩ kzbin.info/www/bejne/bWeoY4Sjn82FqrM and WordPress Tutorial Playlist ⏩ kzbin.info/www/bejne/p6WVc4SqbNqDmNU
@HR_Gaming205
@HR_Gaming205 9 ай бұрын
you are awosome bro
@GeekyScript
@GeekyScript 9 ай бұрын
Thank you and You're welcome 😊
@vanderlindetaiti
@vanderlindetaiti 11 ай бұрын
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
@GeekyScript 11 ай бұрын
Yea.. there's been a update in Angular 17... watch this video: kzbin.info/www/bejne/jqaag5KXgt9jbZI
@manishbasnet1605
@manishbasnet1605 7 ай бұрын
thanks helped.
@GeekyScript
@GeekyScript 7 ай бұрын
You're welcome! ❤ Also Subscribe to Geeky Syntax Channel: www.youtube.com/@geekysyntax/ and www.youtube.com/@GeekyScriptVlogs/
@KnowledgeBlending
@KnowledgeBlending Жыл бұрын
Last me npm.script ka option nhi aa raha hai... only outline and timeline options hi hai
@chinmaykadam8119
@chinmaykadam8119 Жыл бұрын
Same here did you solve the problem
@samuraii21
@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
@pritampatidar2964 Жыл бұрын
Open vs code terminal and write - npm run start
@DSHeroX
@DSHeroX 4 ай бұрын
I don't have an npm scripts tab in my visual studio code, what extension does this?
@UnisoCs20l
@UnisoCs20l Жыл бұрын
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
@kamalrajs9634
@kamalrajs9634 11 ай бұрын
My angular CLI version 16.2.9, i installed node but it says unsupported(20.9.0)
@GeekyScript
@GeekyScript 11 ай бұрын
Pls follow my latest video on Angular 17 here: kzbin.info/www/bejne/jqaag5KXgt9jbZI
@girish8976
@girish8976 Жыл бұрын
Operation not permitted in your system
@maheshkasaram6935
@maheshkasaram6935 2 ай бұрын
I'm unable to see NPM SCRIPTS in vs code
@khaisarbegum2134
@khaisarbegum2134 6 ай бұрын
For it's not asking for a routing option when I am creating a new project
@jawadsami6271
@jawadsami6271 6 ай бұрын
because you use angular 17 which is latest version. but in this video he use angular 16
@Akki_09283
@Akki_09283 5 ай бұрын
Sir I am unable to see npm scripts in vs code
@Valkyrie-BGMI
@Valkyrie-BGMI 3 ай бұрын
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
Крутой фокус + секрет! #shorts
00:10
Роман Magic
Рет қаралды 30 МЛН
Make the BEST Custom Windows ISO with The Chris Titus Tool
17:00
Git Basics: Installation and Bash Commands
28:19
Data_Dr
Рет қаралды 54
How to Disable Windows S Mode Without Internet
10:16
Britec09
Рет қаралды 77 М.
Крутой фокус + секрет! #shorts
00:10
Роман Magic
Рет қаралды 30 МЛН