Easy Angular Project Setup in Visual Studio Code [2023] | Complete Angular Setup Guide

  Рет қаралды 23,465

CS CORNER Sunita Rai

9 ай бұрын

Learn How to Install Angular 16.2.7 on Windows 11. I am going to step-by-step guide you on How to install Angular 16.2.7 on Windows 11 and also I will show you how to create a simple project in Angular.
✻ I hope you really find this video useful.
✻ Please click on the CC button for subtitles of this video.
Complete guide to setup and configure -
1. Node JS and NPM (Node Package Manager)
2. Angular CLI (Command Line Interface)
3. Run Angular Project in Visual Studio Code
Also, create the first Angular application and see it working in real time!!
Useful links:
Visual Studio Code: code.visualstudio.com/download
Node JS Download : nodejs.org/en/
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.
Timestamps:
Download Install NodeJS
Install Angular(Command): npm install -g @angular/cli
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 #Angular #Node #AngularInstallation #Angulartutorialforbeginners #Angulartutorial #Angularprogramming #Angularprogrammingtutorial #Angularbasicsforbeginners #Windows10 #Angular #GitHub
#Angular #GitHub #Node
Topics addressed in this tutorial:
Install NodeJS
Install Angular
Create the First project using Angular
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
---------------------------------------------------------------------------
Channel Subscription:
🔗 kzfaq.info
🔗 kzfaq.info
You can support by buying a coffee ☕️ here -
www.buymeacoffee.com/cscornersunitarai
Java Programming Tutorial Playlist
🔗 kzfaq.info/sun/PLSDyGb_vtany6xtUDAh__zIIQ0WQ6n4ti
Advanced Java Tutorial Playlist
🔗kzfaq.info/sun/PLSDyGb_vtanzKR6hzVb-ftJ1Irf6oGdza
------------------------------------------------------------------------
🎥 Tools I used for recording
www.amazon.in/shop/cscornersunitarai?listId=2W3X7FCQRXC00
------------------------------------------------------------------------
CONNECT WITH ME ON:
►Facebook - cscornersunitarai/
►Personal Facebook A/c - sunita.sharmarai/
►Instagram - cscornersunitarai
►Telegram - t.me/cscorner
►LinkedIn -www.linkedin.com/in/cscornersunitarai
------------------------------------------------------------------------
downloading and installing node.js and npm,node.js,node package manager,set up nodejs on native windows 11,node js tutorial,node js,nodejs,npm install,install npm,how to install node js on windows 11,how to,install nodejs and npm on windows 11,node,js,download nodejs,install nodejs,install nodejs on windows 11,javascript runtime environment,install node.js,node.js tutorial,node.js 2023,node.js on windows 11,install node.js on windows 11,how to install angular,angular,how to install angular cli,angular tutorial,angular tutorial for beginners,how to install angular 16 cli on windows 10,how to install angular cli on windows 10,install angular cli in windows 10,install angular 16 cli,install angular cli 16,install angular material in angular 16,install angular 16 on windows,angular cli,how to install angular 16,angular 16 tutorial,angular 16 new features,angular 16

Пікірлер: 44
@NileshShinde4583
@NileshShinde4583 5 ай бұрын
Thank you so much🙂
@sotosayable
@sotosayable Ай бұрын
Still the best angular set up video, you made it soooooo easy, thank you.
@CSCORNERSunitaRai
@CSCORNERSunitaRai Ай бұрын
Glad my video helped you 👍 please support by subscribing
@BTSLOVER-f6f
@BTSLOVER-f6f Ай бұрын
The best video i have ever wacthed i subscribed you
@CSCORNERSunitaRai
@CSCORNERSunitaRai 28 күн бұрын
Glad it was helpful!
@subscribe21k
@subscribe21k 5 ай бұрын
very much Thankyou mam ❤❤❤❤❤❤ , i was totally irritated over 2 days for installing it properly , then i found that video , Thankyou so much mam , finally i did it
@CSCORNERSunitaRai
@CSCORNERSunitaRai 2 ай бұрын
Glad my video helped u! Most welcome 😊Please subscribe
@kokandarshan4173
@kokandarshan4173 5 ай бұрын
Best video for installation of Angular ❤❤
@CSCORNERSunitaRai
@CSCORNERSunitaRai 2 ай бұрын
Glad my video helped u! Most welcome 😊Please subscribe
@user-ck5oe7oh5y
@user-ck5oe7oh5y 3 ай бұрын
Good explanation I have launched my Angular home page 🎉🎉🎉
@CSCORNERSunitaRai
@CSCORNERSunitaRai 3 ай бұрын
Great 👍 please subscribe
@stewtech
@stewtech 7 ай бұрын
Amazing 🎉
@CSCORNERSunitaRai
@CSCORNERSunitaRai 6 ай бұрын
Thanks ! Please subscribe👍
@stewtech
@stewtech 6 ай бұрын
@@CSCORNERSunitaRai Already did many months ago.
@sathyaPriya-xc4oi
@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.
@srinathreddy748
@srinathreddy748 4 ай бұрын
easy and simple explanation
@CSCORNERSunitaRai
@CSCORNERSunitaRai 4 ай бұрын
You're welcome!👍Please subscribe 😊
@udaykalagarla6046
@udaykalagarla6046 3 ай бұрын
This command is not available when running the cli outside a workspace
@aravindenagandula9420
@aravindenagandula9420 3 ай бұрын
i am getting this kind of error "Error: No such command 'new'." what should i do
@jayakumar2927
@jayakumar2927 7 ай бұрын
How to upgrade current version
@NikomaGrob
@NikomaGrob 6 ай бұрын
Please expand on using Angular, I'm trying to understand what I can do with it and how to start understanding it.
@CSCORNERSunitaRai
@CSCORNERSunitaRai 6 ай бұрын
Ok will try
@NikomaGrob
@NikomaGrob 6 ай бұрын
Great, I would love to know how to include HTML as components, for example a modal, how to configure the app.component.ts and all the other files to be able to do the include. I've been trying this for a while but can't seem to figure it out, and it's probably one of the basic things to do in Angular so I feel like a noob :) haha @@CSCORNERSunitaRai
@viditsrivastava55srivastav93
@viditsrivastava55srivastav93 5 ай бұрын
After clicking on css in cmd it is asking Do you want to enable server side rendering (ssr) and static site generation (ssg/prerendering)? Should I click yes or no?
@CSCORNERSunitaRai
@CSCORNERSunitaRai 5 ай бұрын
Yes
@chandanak6313
@chandanak6313 Ай бұрын
The term ‘ ng ‘ is not recognised as the name of a cmdlet, function error ….. How to resolve this ??!?
@CSCORNERSunitaRai
@CSCORNERSunitaRai Ай бұрын
U need to give permission through PowerShell
@poojaSingh-lc5yg
@poojaSingh-lc5yg 5 ай бұрын
Mam there was a error showing that "running script is disabled on this system" What should I do????😢
@anandchowdary6980
@anandchowdary6980 3 ай бұрын
Hello Pooja, enable execution policy via PowerShell by running as admin. Steps: Open PowerShell in admin mode and run "Get-ExecutionPolicy"(without quotes) if it says restricted, then run the command "Set-ExecutionPolicy RemoteSigned" (without quotes). After that, you can try running the script via the command prompt as admin.
@AdityaRaj-pk7qh
@AdityaRaj-pk7qh 3 ай бұрын
I am not getting "Would you like to add Angular routing?" Option
@CSCORNERSunitaRai
@CSCORNERSunitaRai 3 ай бұрын
press yes
@umairjaved434
@umairjaved434 8 ай бұрын
when i install agular the 17th version is installed how can i insatll version 16
@CSCORNERSunitaRai
@CSCORNERSunitaRai 8 ай бұрын
17th is latest now
@umairjaved434
@umairjaved434 8 ай бұрын
@@CSCORNERSunitaRai but I want 16
@SaiKumar-dt5te
@SaiKumar-dt5te 7 ай бұрын
​@@umairjaved434 y bro, routing option is not asking.????
@extraEfforts4U
@extraEfforts4U 7 ай бұрын
Downgrade your angular version ​@@umairjaved434
@aliissa6905
@aliissa6905 4 ай бұрын
why ng serve is not working?
@CSCORNERSunitaRai
@CSCORNERSunitaRai 4 ай бұрын
R u getting any error?
@pshafeefaizan2734
@pshafeefaizan2734 4 ай бұрын
ng serve is not working why?
@CSCORNERSunitaRai
@CSCORNERSunitaRai 4 ай бұрын
What error u R getting
@747747ify
@747747ify 4 ай бұрын
​@@pshafeefaizan2734 you have to find the command that enables use of CMD scripting with NPM should be a simple Google search .
@pshafeefaizan2734
@pshafeefaizan2734 4 ай бұрын
Thank u so much it's working now
@expertadvice3779
@expertadvice3779 9 ай бұрын
Thank you so much😊
@CSCORNERSunitaRai
@CSCORNERSunitaRai 8 ай бұрын
You're welcome 👍 Please subscribe😊
50 YouTubers Fight For $1,000,000
41:27
MrBeast
Рет қаралды 208 МЛН
DEFINITELY NOT HAPPENING ON MY WATCH! 😒
00:12
Laro Benz
Рет қаралды 64 МЛН
World’s Largest Jello Pool
01:00
Mark Rober
Рет қаралды 98 МЛН
Inside Out Babies (Inside Out Animation)
00:21
FASH
Рет қаралды 19 МЛН
50 YouTubers Fight For $1,000,000
41:27
MrBeast
Рет қаралды 208 МЛН