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

Was this helpful?

Quick Installation

Angular CLI + NodeJs + Bootstrap

PreviousIntroductionNextFile Structure

Last updated 11 days ago

Was this helpful?

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 20+ with cli 20.x.x

  3. Unzip gradient-able.zip file, and you will find the full-version/project folder.

  4. Open your favorite console/terminal and navigate to the full-version folder and Install packages

    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