Metronic Documentation | Keenthemes
logo
The World’s #1 Bootstrap 5 HTML, VueJS, React, Angular & Laravel
Admin Dashboard Ecosystem

This is Metronic 7 documentation!

Upon purchase you can get Metronic 7 version from our Github Repository.
Request Github access
The new Metronic 8 is now available with the most advanced Bootstrap 5, VueJS, React and Laravel foundation with a solid light and dark mode design system, extensive utility classes and custom made in-house components.
View Metronic 8 documentation

To use most of the Metronic build tools, Node.js LTS version is required. Version 14.x LTS is recommended. Some of the plugins and framework in Metronic v7 does not support the latest Node.js version. https://nodejs.org/en/

Installation

Set up the Development Environment:

  1. Install Node.js® and npm if they are not already on your machine.

  2. Angular CLI is a command line interface for the latest Angular. Install it before start with the Angular app.

    npm install --global @angular/cli@latest

    If you have Angular CLI installed previously, update it to the latest Angular CLI. Remove the older version and re-install it.

    npm uninstall --global @angular/cli
    npm install --global @angular/cli@latest

Angular Quick Start:

  1. To start the Angular, change the directory to [metronic]/theme/angular/[demo]/.

    cd theme/angular/demo1
  2. Install the Angular local project dependencies by executing following commands:

    a. npm clear cache --force This command will clear your old cached node_modules.

    b. npm install This command will install the dependencies in the local node_modules folder. By default, npm install will install all modules listed as dependencies in package.json.

    c. ng serve This command launches the server, watches your files, and rebuilds the app as you make changes to those files. Using the --open (or use -o) option will automatically open your browser on http://localhost:4200/. * This command will take some time to finsh. Please wait for it to complete.

For more detailed information to install the Angular application, visit this official Angular documentation website.

Polyfills:

Angular is built on the latest standards of the web platform. Targeting such a wide range of browsers is challenging because they do not support all features of modern browsers. A particular browser may require at least one polyfill to run any Angular application. You may need additional polyfills for specific features.

To support Angular in IE, open this file [metronic]/theme/angular/[demo]/src/polyfills.ts. Uncomment all the imports under Browser Polyfills list and classlist.js

Read more about browser support here https://angular.io/guide/browser-support

Internet Explorer workarounds: https://github.com/angular/angular-cli/issues/14455#issuecomment-493739768

Think About The Future, Stay Connected With Us
The More We Learn, The More We Are Able To Innovate & To Develop