How to Install Angular 17 on Windows 10/11 [ 2024 Update ] Demo Angular Project | Complete Guide
Рет қаралды 25,994
8 ай бұрынHello Everyone! Today in this video I am going to step-by-step guide you on How to install Angular 17 on Windows 10/11. And then I will also show you how to create a simple Hello World 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.
Now before installing Angular 17, 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 (download the LTS version only) and click on it to download. Here is this video we showed how to download and install the NodeJS LTS version in Windows 10/11.
Step 2: Install NodeJS LTS version
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
Step 4: Now after installing Angular, you can create an Angular project by simply typing:
ng new your-project-name
Step 5: Now it's time to install VS Code. You will get a detailed video about VS Code here: • How to install Visual ...
So How to install Visual Studio Code?
First You need to download Visual Studio Code for Windows 10/11. For that just go to the following link:
code.visualstudio.com/
This page will lead to the Visual Studio Code download page.
Here find the exe setup installation file as shown in the video and click on it to download.
Now after downloading Visual Studio Code save the file to the disk and follow the next step for installation.
Step 6: Install Visual Studio Code
Double-click to run the Visual Studio Code installation file. Just follow the prompt as shown in the video and install Visual Studio Code on your OS.
The instructions in this video tutorial can be applied to laptops, desktops, computers, and tablets that run the Windows 10/11 operating system like Windows 10/11 Home, Windows 10/11 Professional, Windows 10/11 Enterprise, and Windows 10/11 Education. This tutorial will work on all hardware manufacturers, like Dell, HP, Acer, Asus, Toshiba, Lenovo, and Samsung.
#Angular17 #AngularInstallation #Angulartutorialforbeginners #Angulartutorial #Angularprogramming #Angularprogrammingtutorial #Angularbasicsforbeginners #Windows10
Topics addressed in this tutorial:
How To Download And Install Angular 17 On Windows 10 64-bit OS
Install Angular 17 on Windows 10/11
How to Install Angular 17 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
✻ KZfaq 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 8 ай бұрын
Did this tutorial help you to install Angular? Comment Now!! And let me know your opinion... And Please SUBSCRIBE for more! Also, you can Support my work through KZfaq Thanks!
@hishamalaa6001 3 ай бұрын
a question please i hope you have an answer for it. I have installed it successfully but there is a problem, after building the project any changes in the index.html file doesn't detected and I always need to rebuild it again to see the changes.
@soaresbatistabruno 8 ай бұрын
the difference between this tutorial and the official one is that this one works.
@itsManLikeChiko 4 ай бұрын
Thank you very much for this Tutorial, it was straight forward and well explained.
@GeekyScript 4 ай бұрын
❤ Also Subscribe to Geeky Syntax Channel: www.youtube.com/@geekysyntax/ and www.youtube.com/@GeekyScriptVlogs/
@snigdharoy1938 8 ай бұрын
Thanks 😊
@GeekyScript 8 ай бұрын
You're welcome!
@NikhilSharma-cu9ww 7 ай бұрын
thanku so much bro im suffering from last two days to install angular/cli in my pc and it gives me errors finally i get it into my computer, thankyu so much
@GeekyScript 6 ай бұрын
Most Welcome! :) Also Subscribe to Geeky Syntax Channel: www.youtube.com/@geekysyntax/ and www.youtube.com/@GeekyScriptVlogs/
@KiranBijarane-jl8cw 4 ай бұрын
Thank you so much sir for this helpful video
@GeekyScript 4 ай бұрын
Most welcome 😊 ❤ Also Subscribe to Geeky Syntax Channel: www.youtube.com/@geekysyntax/ and www.youtube.com/@GeekyScriptVlogs/
@vinicius_kakarotto 8 ай бұрын
Thanks!
@GeekyScript 8 ай бұрын
Welcome!
@vamshikrishna7945 8 ай бұрын
@@GeekyScriptI have seen ur ardunio instalation software very nice explanation
@GeekyScript 8 ай бұрын
@@vamshikrishna7945 awesome.. All the best for future :)
@durgeswarandurgeswaran5703 7 ай бұрын
Actually angular 17 works well with angular materials but in tw elements meet issues . I couldn't understand the flow of tw elements with angular 17.
@dissonanceparadiddle 2 ай бұрын
great video
@GeekyScript 2 ай бұрын
Glad you enjoyed it! ❤ Also, watch Complete ECommerce tutorial ⏩ kzfaq.info/get/bejne/bZx1ZbSez862pIU.html and WordPress Tutorial Playlist ⏩ kzfaq.info/get/bejne/p9pidbSlnNu0kqc.html
@durgeswarandurgeswaran5703 7 ай бұрын
Hi please put the vedio how to use tailwind elements with angular 17 and make anyone project. Also
@sathyaPriya-xc4oi 5 ай бұрын
Hiii An unhandled exception occurred: The service was stopped See "C:\Users\admin\AppData\Local\Temp g-12Vak0\angular-errors.log" for further details. Could you please explain how to solve this error.
@touristguidebyanitha467 8 ай бұрын
why app.module.ts file is not present in this version sir!!
@niranjanr5001 8 ай бұрын
Brother,do you find the reason
@mordred4931 8 ай бұрын
its a new update of angular
@pranavpagare0109 5 ай бұрын
yes same issue with me can anyone gave me resone why it is not in this version
@user-je2ch1kl8f 8 ай бұрын
how to create a new component in these
@tharunismily2095 Ай бұрын
Sir after installing angular,i check the version using 'ng - version ' ,but it said ng is not recognised, what i do sir
@himanitanwar5894 6 ай бұрын
(If 'app-login' is an Angular component, then verify that it is included in the '@Component.imports' of this component.) Sir How to solve this problem in angular 17
@prathameshmane1885 8 ай бұрын
'ng' is not recognized as an internal or external command, operable program or batch file. Showing while creating a project any solution
@pranavpagare0109 5 ай бұрын
brother your vs code is not project folder first write cd cammand and project name like that if i make a project car so i first create it by "ng new car " if project is created then write cammand " cd car "then you write "ng serve "so your project is redy
@Sasikumar.vCSE118 6 ай бұрын
Npm scripts is not visible
@ynsemreaydin97 6 ай бұрын
Why ı cant create app.module.ts with cli? Thx for video
@sonupambhanjadeo3010 8 ай бұрын
So I think in latest version they're not providing app.module and app.routingmodule.ts . Or they convert app.module.ts file in to app.component.ts And app.routing module.ts in to app.routes.ts
@sonupambhanjadeo3010 8 ай бұрын
I'm not sure but whenever m creating a angular project it only have app.component.ts and app.routes.ts ....... Expect of app.module.ts or app.routingmodule.ts
@pari5931 8 ай бұрын
@@sonupambhanjadeo3010AP ko solution mila
@divinejohnson5057 6 ай бұрын
I followed your tutorials but didn't see npm script
@divinejohnson5057 6 ай бұрын
Yes
@ziyashaik8963 4 ай бұрын
npm script is not visible how to fix it
@prasaddhasade3128 6 ай бұрын
npm script is not visible in vs
@4dvanced441 2 ай бұрын
click on 'EXPLORER' and click on npm scripts, it worked for me
@divinejohnson5057 6 ай бұрын
Npm script is not present in my Vs code environment sir But your tutorial is great Can you help?
@GeekyScript 6 ай бұрын
did u install nodejs?
@vijayarajan-bt5fk 6 ай бұрын
npm scripts not shown (10.18) in vs code what to do
@GeekyScript 6 ай бұрын
no issues.. but did it installed Angular?
@aarthi1310 4 ай бұрын
@@GeekyScript same issues bro and i have installed angular too
@GeekyScript 4 ай бұрын
@@aarthi1310 just beside explore u will see triple dots (...) Click on that, and enable npm scripts.
@aarthi1310 4 ай бұрын
@@GeekyScript Got it now...Thanks a lot😄
@GeekyScript 4 ай бұрын
@@aarthi1310 Most welcome 😊 😊 ❤ Also Subscribe to Geeky Syntax Channel: www.youtube.com/@geekysyntax/ and www.youtube.com/@GeekyScriptVlogs/
@hgk1021 6 ай бұрын
🙏🙏🙏🙏🙏😭
@GeekyScript 6 ай бұрын
All the best :) Also Subscribe to Geeky Syntax Channel: www.youtube.com/@geekysyntax/ and www.youtube.com/@GeekyScriptVlogs/
@SpiderWolf 8 ай бұрын
what happened to app.module.ts file on this version?
@touristguidebyanitha467 8 ай бұрын
Yeah in updated version they've removed it.. But at first i thought its due to some computer error in mine 😜😂
@kailashyandrapu851 7 ай бұрын
Then where we need to import modules
@pranavpagare0109 5 ай бұрын
@@kailashyandrapu851 how ?
@pranavpagare0109 5 ай бұрын
@@touristguidebyanitha467 why ? can anyone gave me this solution
@rishabhLEO10 6 ай бұрын
Those who are not getting app.module.ts file, when setting up project, open command prompt, type "ng new MyFirstProject - -no -standalone"
@raghadaljohani6838 8 ай бұрын
Thanks!
@GeekyScript 8 ай бұрын
Welcome!
Geeky Script
Рет қаралды 4,7 М.
United Top Tech
Рет қаралды 12 М.
BalcevMMA_BOXING
Рет қаралды 13 МЛН
CS CORNER Sunita Rai
Рет қаралды 23 М.
Php Node Tuts
Рет қаралды 43 М.
Geeky Script
Рет қаралды 60 М.
BalcevMMA_BOXING
Рет қаралды 13 МЛН