Fully - Angular Admin Template
DemoBuy NowMore Templates
  • What is this template about?
  • Introduction
  • Set up
  • How to use this template?
  • Code Structure
  • Server Side Rendering
  • Theming
  • Navigation Layouts
  • Data Integration
  • Main Features
    • Tables
    • Notifications
    • Alerts
    • Authentication screens
    • Charts
    • Dashboards
  • App Shell
  • FAQs
  • Changelog
Powered by GitBook
On this page
  • Prerequisites
  • Node.js
  • npm package manager
  • Git
  • Step 1: Install the Angular CLI
  • Step 2: Install the project dependencies
  • Code editor
  • Run the App

Was this helpful?

Set up

Learn how to set up your local environment to develop Angular apps and also how to run this angular project.

PreviousIntroductionNextHow to use this template?

Last updated 5 years ago

Was this helpful?

Prerequisites

Before you begin, make sure your development environment includes Node.js® and an npm package manager.

Node.js

Angular requires Node.js version 10.9.0 or later.

  • To check your version, run node -v in a terminal/console window.

  • To get Node.js, go to .

npm package manager

Angular, the Angular CLI, and Angular apps depend on features and functionality provided by libraries that are available as . To download and install npm packages, you must have an npm package manager.

This setup guide uses the command line interface, which is installed with Node.js by default.

To check that you have the npm client installed, run npm -v in a terminal/console window.

Git

Although it's not required, the version control system is highly recommended. First, install the command-line utility from the . For a GUI client, we recommend .

To verify the installation, open a new terminal window and run:

$ git --version

Step 1: Install the Angular CLI

To install the CLI using npm, open a terminal/console window and enter the following command:

npm install -g @angular/cli

Step 2: Install the project dependencies

After you have installed the Angular CLI, you have to install all the dependencies required by the project. Each angular project has its own dependencies which are listed on his package.json file.

 $ cd your-app
$ npm install

Code editor

Run the App

Now you have everything installed, you are ready to start building and modifying this angular starter template to create your own and unique app.

$ cd your-app
$ ng serve

You use the to create projects, generate application and library code, and perform a variety of ongoing development tasks such as testing, bundling, and deployment.

Open the project on your preferred .

The coding of the app will happen inside of a code editor. Personally we use , however, many people like . You are free to choose any code editor you like.

This project was generated with the so to build, and serve it on a development server, we will go to the parent directory of your workspace use the following commands:

In your browser, open to see this angular template app run.

When you use the command to build an app and serve it locally, the server automatically rebuilds the app and reloads the page each time you change any of the source files.

nodejs.org
npm packages
npm client
Git
download page
Github Desktop
Atom
VS Code
http://localhost:4200/
ng serve
code editor
Angular CLI
Angular CLI