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

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ต.ค. 2024
  • Hello Everyone! Today in this video I am going to step-by-step guide you on How to install Angular 14 on Windows 10. And then I will also show you how to create a simple project in Angular. Windows (64-bit).
    Geeky Script (
    @GeekyScript) is Computer Science - Educational Videos Creator 🎉
    You can support 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 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.
    #Angular14 #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...
    ✻ 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...
    ---------------------------------------------------------------------------
    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
    ✻ TH-cam channel: / geekyscript
    ---------------------------------------------------------------------------
    Song: Jarico - Island
    Music promoted by #BackgroundMusicWithoutLimitations
    Watch: • Free Background Music ...
    Free Download: bit.ly/3n3snwj
    ---------------------------------------------------------------------------

ความคิดเห็น • 75

  • @GeekyScript
    @GeekyScript  2 ปีที่แล้ว +7

    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 TH-cam Thanks!

    • @prasannam3244
      @prasannam3244 ปีที่แล้ว

      hi iam getting the error c:'\program Files
      odejs
      ode_modules
      pm\bin
      ode_modules
      pm\bin
      pm-cli.js'

  • @omkarbidve1968
    @omkarbidve1968 2 ปีที่แล้ว +4

    Yes, it helped me, bcoz i'm from Non-IT backgd..Tq so much for this informative video

  • @hetvisheth3015
    @hetvisheth3015 ปีที่แล้ว +1

    amazing and very well explained the necessary steps for installation no other video is needed after seeing this video

  • @tphan_
    @tphan_ ปีที่แล้ว +2

    Thank you so much for this tutorial! I really like how you explained the necessary steps for the installation. Keep up the good work!😃

    • @GeekyScript
      @GeekyScript  ปีที่แล้ว +1

      Glad it helped! 😊 pls do subscribe also :)

  • @naveenbhardwaj933
    @naveenbhardwaj933 ปีที่แล้ว +1

    yes bro, it helped a lot.
    keep up it. your explanation style is so easy way that anyone understand easily.
    thank you for this

  • @willgriner8965
    @willgriner8965 ปีที่แล้ว +1

    Video was straightforward and super helpful, thank you very very much!

  • @Vishal_Tank
    @Vishal_Tank ปีที่แล้ว +1

    Thanks ! finally set it up!!
    Thank you Thank you

  • @quinueln-a
    @quinueln-a ปีที่แล้ว +1

    Thanks a lot, this helped

  • @rosasworld1368
    @rosasworld1368 ปีที่แล้ว +1

    Thanks man!I finally set it up!!
    Thank you Thank you

  • @sureshsuresh-xk5bi
    @sureshsuresh-xk5bi ปีที่แล้ว

    Now I want to learn Angular, what about the career on angular,
    which is the best institute for Angular in Hyderabad,
    and how much is the course fee?

  • @ForzaSF1
    @ForzaSF1 ปีที่แล้ว +1

    Great video, you made it looks very easy thanks for sharing :)

    • @GeekyScript
      @GeekyScript  ปีที่แล้ว

      Thanks for watching! All the best

  • @tikotokstar7680
    @tikotokstar7680 ปีที่แล้ว +1

    thank you so much it was very help full

  • @Keerthana-sc5gw
    @Keerthana-sc5gw ปีที่แล้ว +1

    This tutorial is very helpful for me...Thank you🤩🤩🤩

  • @sowjanyasathuluri9162
    @sowjanyasathuluri9162 ปีที่แล้ว +1

    Thanks for the steps

  • @AEKGAMES1
    @AEKGAMES1 ปีที่แล้ว +1

    Thank you for your help bro you are amazing

  • @rakeshrajote750
    @rakeshrajote750 ปีที่แล้ว +1

    tx bro this video is really helpful for me

  • @detrom.h1819
    @detrom.h1819 ปีที่แล้ว +1

    it work ,thank you

  • @meghanachethanchethan6671
    @meghanachethanchethan6671 ปีที่แล้ว +2

    Tq u bro

  • @pranithakrishnakumar3730
    @pranithakrishnakumar3730 ปีที่แล้ว +1

    Thank you for your tutorial😊

  • @hishamhaneefa
    @hishamhaneefa ปีที่แล้ว

    Thanks bruh!❤

  • @depshallburn
    @depshallburn ปีที่แล้ว +1

    Thank you sir🙏

  • @anna-dr2hu
    @anna-dr2hu ปีที่แล้ว +2

    may I know what happens if you apply ' code .' in cmd after successfully made the project, it leads to
    " 'code' is not recognized as an internal or external command, operable program or batch file. ".
    please help thank you

    • @sivanandini9644
      @sivanandini9644 ปีที่แล้ว

      same for me , could you please tell us about that.

    • @vivekdenny
      @vivekdenny ปีที่แล้ว

      If you enter ' code . ' in CMD the visual studio code will be open in the folder(workspace) where u type the command.

  • @ramprasadreddypalakolanu4542
    @ramprasadreddypalakolanu4542 2 ปีที่แล้ว +1

    thank you so much ,for your information

    • @GeekyScript
      @GeekyScript  2 ปีที่แล้ว

      You are most welcome

  • @rohitkushwaha6125
    @rohitkushwaha6125 ปีที่แล้ว

    Sir everything was fine but as soon as I put ng serve command it ran perfectly but whilr using local host none of browser show me this page , it shows like local host didn't send any data and the connections was reselet and this page is not working and page is not workinv

  • @sangramvuppala8710
    @sangramvuppala8710 2 ปีที่แล้ว +1

    Hello, this video helped me install Angular, but in the cmd it's showing Node 18.8.0 is Unsupported and a warning: the current version of Node(18.8.0) is not supported by Angular, so does this have any effect or why are we getting that response. Also I found online that Node 14 and in some cases Node 16 are compatible with Angular. So what to do ?

    • @GeekyScript
      @GeekyScript  2 ปีที่แล้ว

      if possible try to avoid latest release of node.. use LTS version

  • @priyankagore7444
    @priyankagore7444 ปีที่แล้ว +1

    Thanku so much sir

  • @Akki_coder
    @Akki_coder ปีที่แล้ว +1

    Thank you sir 😘

  • @vijayakumar1591
    @vijayakumar1591 ปีที่แล้ว +1

    Nice buddy

  • @srinivasenugurthi3417
    @srinivasenugurthi3417 ปีที่แล้ว

    angular installed succus full done there is one issue that is create folder than run through CMD Prompt use this > ng new my-first-Angular-Project than asking [ routing i said no than select CSS take some time than "× Package install failed, see above.
    The Schematic workflow failed. See above." this is the error, Give solution please.

    • @srinivasenugurthi3417
      @srinivasenugurthi3417 ปีที่แล้ว

      Then get generated this log files C:\Users\srthi\AppData\Local
      pm-cache\_logs\2023-03-05T05_50_30_983Z-debug-0.log

  • @sunilkumar-ye2zg
    @sunilkumar-ye2zg ปีที่แล้ว

    It is recommended to download LTS version otherwise post installation of angular show s unstable Node version

  • @afgdfdgdfddf42
    @afgdfdgdfddf42 ปีที่แล้ว +1

    Thank you

  • @Mcafeehispeed
    @Mcafeehispeed ปีที่แล้ว +1

    good video thank you

  • @SPEAK_TO_LORDJESUS_ANYTIME
    @SPEAK_TO_LORDJESUS_ANYTIME ปีที่แล้ว +1

    Thanks a lot brother 🤝🤝🤝🤝💐💐💐

  • @karthick5178
    @karthick5178 2 ปีที่แล้ว

    Nice And Thank You for the Video for Windows version 😊

  • @rishijaiswal3614
    @rishijaiswal3614 ปีที่แล้ว

    while searching URL it shows the error "this site can't be reached "....... help me

  • @chabynaby42
    @chabynaby42 ปีที่แล้ว

    Why do I get errors when installing packages (npm)?

  • @nolimits700
    @nolimits700 ปีที่แล้ว +1

    Perfect

  • @kumelabelay
    @kumelabelay ปีที่แล้ว

    your node js is says unsupported how you will solve this issue

  • @sridharj3285
    @sridharj3285 9 หลายเดือนก่อน

    ng is not is not recognized internal external command

  • @ragavir5565
    @ragavir5565 2 ปีที่แล้ว

    how many minutes will it takes to install css?

    • @BladeCrew
      @BladeCrew 2 ปีที่แล้ว +2

      You don't have to install css, visual studio code if you have that have all code build in like: html, css, javascript, java, c++, ect. Also there are extentions in vs code that you can pick from that can give you more code/tools. Check a video for Microsoft visual studio code

  • @sureshirla4283
    @sureshirla4283 ปีที่แล้ว

    after installation i ill click ng - verasion then its shown error massege whats wrong

    • @pranav288
      @pranav288 ปีที่แล้ว

      same. you found a fix ?

  • @mujmmil7459
    @mujmmil7459 ปีที่แล้ว

    Angular Bootstrap installation process

    • @GeekyScript
      @GeekyScript  ปีที่แล้ว

      ng new angular-bootstrap
      run this in cmd of ur project directory

  • @sreecharan7621
    @sreecharan7621 ปีที่แล้ว

    i have error (npm ERR! A complete log of this run can be found in: C:\Users\Sreekanth\AppData\Local
    pm-cache\_logs\2023-05-06T17_03_44_887Z-debug-0.log) help me