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
- $touch ~/.bash_profile
- $open ~/.bash_profile
- 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
No comments:
Add your comment