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

Поділитися
Вставка
  • Опубліковано 1 жов 2024
  • Hello Everyone! Today in this video I am going to step-by-step guide you on How to install Angular 18 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.buymeacoff...
    ✻ 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 18, 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 (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: • How to Download and In... 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.visualstu...
    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.
    #Angular18 #AngularInstallation #Angulartutorialforbeginners #Angulartutorial #Angularprogramming #Angularprogrammingtutorial #Angularbasicsforbeginners #Windows10
    Topics addressed in this tutorial:
    How To Download And Install Angular 18 On Windows 10 64-bit OS
    Install Angular 18 on Windows 10/11
    How to Install Angular 18 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
    ✻ UA-cam 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.

КОМЕНТАРІ • 19

  • @GeekyScript
    @GeekyScript  4 місяці тому +3

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

  • @ISHAAGGARWAL_
    @ISHAAGGARWAL_ 2 місяці тому +1

    sir in cmd this alert is coming 'ng' is not recognized as an internal or external command,
    operable program or batch file.

  • @mohammedhssayni8598
    @mohammedhssayni8598 18 днів тому +1

    thank you

    • @GeekyScript
      @GeekyScript  17 днів тому

      You're welcome! 😊💜️
      ► 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/

  • @laharilahari8036
    @laharilahari8036 8 днів тому

    It helped alot thank u sir

  • @kaleeshwaran5122
    @kaleeshwaran5122 2 дні тому

    Thanks

  • @gouravchandel8107
    @gouravchandel8107 3 місяці тому +1

    From angular 18 we don't have app.module so where we import external module?

    • @NoOneBut
      @NoOneBut 2 місяці тому

      Create fresh project with this command
      Cmd : ng new projectname --no-standalone
      You will get it what you want

    • @NoOneBut
      @NoOneBut 2 місяці тому

      ng new projectname --no-standalone
      You will get it what you want

  • @GodaKusumanjali
    @GodaKusumanjali 28 днів тому

    I tried same as above but I am getting error like 405 method not allowed.anyone help me to sort out this issue

  • @opeyemidanielayodele401
    @opeyemidanielayodele401 3 місяці тому

    how do we download the new angular 18 without cmd

    • @kaixoUp
      @kaixoUp 2 місяці тому

      Terminal vs code

  • @RavalikaKathroju
    @RavalikaKathroju 4 місяці тому

    It did not install routing modules

    • @chithrav7363
      @chithrav7363 3 місяці тому

      Yes.. what can I do

    • @RavalikaKathroju
      @RavalikaKathroju 3 місяці тому

      @@chithrav7363 angular 18 version doesnt have that so i guess you need to update specific version like 17 to get that

    • @NoOneBut
      @NoOneBut 2 місяці тому

      ng new projectname --no-standalone
      You will get it what you want

  • @mahmoudhassan1617
    @mahmoudhassan1617 Місяць тому +1

    I can't found app.module.ts

  • @fadillahamin908
    @fadillahamin908 3 місяці тому +1

    Nice Video, I Follow Step by step on this video and succeed, I can't wait to the next tutorial

    • @GeekyScript
      @GeekyScript  3 місяці тому

      More to come!! 😊 ❤ Also, watch Complete ECommerce tutorial ⏩ ua-cam.com/video/76E2QmjhRtQ/v-deo.html and WordPress Tutorial Playlist ⏩ ua-cam.com/video/qt2BQt7uPbs/v-deo.html