Start with Angular 7.









             How   to   Start  and  run   Hello   World   in Angular 7.
          -------------------------------------------------------------------------------



 Here     step  by   guide   to  install  and run   Hello World  in  Angular 7.

To   run  run hello   world   in angular  7 we  need following software .

1)      Visual studio code     this    is MS tool  to  edit your type script code .
2)       You need install node js version  11 .

3)       You need to  install  Angular CLI  6 or latest   for  ng command

4)        Download     



Before    you start you project you   should create  a  folder   on   if you are
                       
Using    terminal    command

  $ mkdir       create your folder Project


And change to project folder it .
            

1 .To   down load  the   visual studio    you  can  click   given link 
   below.Choose your operating system  and download .
                       
                                           
                               
    next   install     the visual   studio in your system .

         

  2.   Later you need to download    node js  version   10   is  current running version.
                  
         You can run this command on your   terminal.   If you are using mac
          Operating system else command line




You need to  install    node version manger   NVM .  You can Download  it  
from  git hub  use  this command  in your terminal

        

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash


After  running this  command  , you need to run  in terminal 


  1. $touch ~/.bash_profile
  2. $open ~/.bash_profile
  3. paste       

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm

[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion



    Check  nvm  -- version

  B)    Install  NVM ---


   Then run .   $   nvm install v13.5.0

  Make this  default --        nvm alias default v13.5.0

 3.) Next step   down load   angular CLi .  For  you can download  latest version
                         of  angular cli   using this command .

                           
     c)   $ npm install -g @angular/cli




         Link  this with your operating system .  Run this command 

             sudo npm link @angular/cli


         Check    $ ng --version


     _                      _                 ____ _     ___

    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|

   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |

  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |

 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|

                |___/

    


Angular CLI: 10.0.1

Node: 12.18.2

OS: darwin x64


Angular: undefined

... 

Ivy Workspace: <error>


Package                      Version

------------------------------------------------------

@angular-devkit/architect    0.1000.1

@angular-devkit/core         10.0.1

@angular-devkit/schematics   10.0.1

@angular/cli                 10.0.1

@schematics/angular          10.0.1

@schematics/update           0.1000.1

rxjs                         6.5.5

    

Mukeshs-MacBook-Air:~ mukesh$ nvm

-bash: nvm: command not found


    Download    demo angular latest  suppose 7  your project directory

   


 4)     And create the new project now.

   d)    $ ng new angular7demo   


  
5)    Now  change  your  folder to  angular7demo

                 
6)    Now   you run this command

       f)      $ ng serve   --open

  for  Angulardemo .     localhost:4200






ng    new my-dream-app

change  folder my-deram-app

$ ng  serve


run  these command for    login or adding  example

ng g component login
ng g component add-user
ng g component edit-user
ng g component list-user


for  dream -app folder 




 You  can  see  welcome    angular  7    page running  on your default   in browser .
Now    open  your   visual   studio   and   come  to  src folder   check app     you can  check  code  and make  appropriate change .

       

                                    
                                                           Thanks  .



             





                  

                         

          


-->

Start with Angular 7.       Start  with   Angular 7. Reviewed by Mukesh Jha on 11:46 PM Rating: 5

No comments:

Add your comment

All Right Reserved To Mukesh Jha.. Theme images by Jason Morrow. Powered by Blogger.