Please enable Javascript for better experience...
Step-By-Step Angular 8 app setup
By Big | Nov 18, 2019 | In Tutorials | Update: Nov 22, 2019 | Total Views [ 26 ]
Taged In
(0 Like)
Rate

Though setting up angular application for any 2+ version has same steps and is so easy that it take only 10 min to create first angular app but here we added steps to re-iterate the things again so that to ease readers to create their app in agular 8. This article helps readers to setting up a step by step angular 8 app.

Introduction

To start with an angular project, there are some pre-requisites which are essential for building your angular app. We must have node.js, npm, Angular CLI and any IDE like Web Storm, Visual Studio Code installed on system. We will do all step by step.

Setup environment

Step 1) Install node.js. Download node.js setup ffrom node.js website https://nodejs.org/en/

ang01

ang02

Once node is installed, you can check node and npm version by running below commands

node -v
npm -v

ang03

Step 2) Install angular cli

It will install latest cli version if don't specify any version name explicitly. To install specific version use below command

npm install  -g @angular/cli@version

ang04

to check ng version, use "ng -v" command

ang05

Step 3) Now install visual studio code. We are using Visual Studio Code as IDE. You can download setup from visual sudio code website. Here is the link https://code.visualstudio.com/download

ang06

Step 4) Once setup for node, npm, angular cli and visual studio is completed, you are ready to create your first angular 8 app. Now create any folder where you want to create you app and navigate to that folder and run below command.

ang07

It will ask few question like "Do you want to add routing" and which style format you want to use. These are new features included from Angular 7 I believe. In previous there features were not available.

Step 5) To build and run your app, run below command

ng serve -o

ang08

It will build app, and run on localhost:4200 port

ang09

Here is new template for angular 8 which is different than previous versions template.

To open your app in visual studio IDE, enter simple below command inside project location and it visual studio opens up automatically.

node .

ang10

One point to note that in angular 8 you will see angular.json file used for configuration along with package.json file.

ang11

Hope it helps. In next article we will do a walkthrough and create a basic angular 8 projet from scratch.

Share this

About the Author

Big
Rahul Jha (Big)
Founder, Developer dotnet-concept.com
Has working experience in different phases of Software Development Life Cycle (SDLC) in CMS, Gaming, Health Care and Financial Services domain using Agile pattern. Working experience in Design patterns, ASP.NET, MVC, Windows application, WCF, ADO.NET, SQL Server and Test Driven Development (TDD) environment with JQuery, JavaScript, N-Unit, Entity Frameworks, LINQ, Code Refactoring and Business Objects Models.

User's Comments


 
Please SignUp/Login to comment...

Or comment as anonymous...
* Name
* Email ID
Comment