Able Pro
Angular
Angular
  • ✨Introduction
  • πŸš€Quick Installation
  • πŸ“‚Directory Structure
  • πŸ“„Page Structure
  • πŸ› οΈTheme Configuration
  • 🎨Theme Layout
  • πŸ“¦Dependencies
  • 🎭Theme Structure
  • πŸ“šHow to
    • Dashboard as First Page
    • Login as First Page
    • Remove Authentication
    • Guard Children Routes
    • 🚫Remove Role Base Authentication
    • Role Base Authentication
  • πŸ“…Changelog
  • πŸ†˜Support
Powered by GitBook
On this page

Quick Installation

Follow this guide to quick start using Able pro for your need.

PreviousIntroductionNextDirectory Structure

Last updated 5 months ago

You don’t need to install or configure tools like WebPack or CLI. They are configured and hidden so that you can focus on the code.

  1. First of all, it's required to Install and npm.

  2. Update the latest global package to Angular 19+ with CLI 19.x.x

  3. Unzip able-pro-angular, you will find the /project folder.

  4. Open the terminal Install required node packages using the following command

    npm install --legacy-peer-deps
  5. To run the project locally, The below command will run the app in development mode. Open to view it in the browser.

    npm run start
  6. The page will automatically reload if you make changes to the code.

  7. Now you can use this Angular project for your application development, and make the necessary changes.

  8. To build the app for production, the below command will create the dist/ folder inside this project directory.

    npm run build

The project was built assuming it is hosted at the server root folder of the domain/platform i.ehttp://example.com

or

to deploy build for sub-folder i.ehttp://example.com/folder-name

You also need to set <base href="/folder-name/">

πŸš€
Node
angular-cli
http://localhost:4200