How To Integrate Angular JS 4 App Tutorial For Beginners

In this post explains about how to install angularjs 4 app in your machine. There are a few different ways to get started with Angular 4 app.

• You can install it using through Angular CLI (Command Line Interface).
• You can upgrade angular 2 to angular 4.
• You can get a clone project from Github.

See our demo video on Youtube:

Prerequisites:

1. Node js with NPM
2. Angular CLI

To check your node version with below command

node -v

If you don’t have node js please download from Node.js dowload page.

Install Angular CLI:

npm install -g @angular/cli

once completed check it

ng -v

Create a project:

ng new project_name

cd project_name

It takes some time so wait for a minute

Installing Angular 4 without CLI:

If you want to install angular 4 without CLI and you can manually installed from below github source.

git clone https://github.com/angular/quickstart.git quickstart

Note: You will need git command line tool to execute above command.

After installed:

cd quickstart

npm install

If your project angular 2 means you have to upgrade your npm packages for mac users.

npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@next --save

For others

npm install @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] --save

Then we have to make sure Typescript version which 2.1.6 or higher if this command for without Angular CLI users.

npm install [email protected] --save

Once done start your

npm start

We will share angular 4 related things in our next posts.

Thanks for reading our blog.

More technical related videos please subscribe our youtube channel.