Movatterモバイル変換


[0]ホーム

URL:


CoreUI Angular Logo
Framework:
Getting startedIntroductionSupport CoreUICustomizeSassOptionsCSS VariablesLayoutBreakpointsContainersGridColumnsGuttersFormsOverviewAutocompletePRODate PickerPRODate Range PickerPROForm ControlSelectMulti SelectPROChecks & RadiosPassword InputPRORangeRange SliderPRORatingPROStepperPROInput GroupFloating LabelsLayoutTime PickerPROValidationComponentsAccordionAlertAvatarBadgeBreadcrumbButtonButton GroupCalendarPROCalloutCardCarouselClose buttonCollapseDropdownFooterHeaderImageList GroupLoading ButtonPROModalNavNavbarOffcanvasPaginationPlaceholderPopoverProgressSmart PaginationPROSmart TablePROSidebarSpinnerTableTabsNewToastTooltipWidgetsIconsChartsTemplatesNewAdmin & DashboardDownloadInstallationCustomizeContentMigrationv4 → v5v3 → v4Angular version


DownloadHire UsGet CoreUI PRO
On this page

CoreUI Angular Template Installation

Learn how to use CoreUI Angular Admin Dashboard Templates including npm scripts to build templates, compile source code, run tests, and more.

Tooling setup

CoreUI Angular Admin Templates usesnpm scripts for its build system. Ourpackage.json includes convenient methods for working with the framework, including compiling code, running tests,and more.

To use our build system and run CoreUI admin template locally, you'll need the following:

  • Node.js withnpm package manager,
  • Angular CLI,
  • a copy of CoreUI Angular Admin Template source files.

Follow these steps and you should be ready to rock:

  1. Download and install Node.js, which we use to run scripts and manage our dependencies.
  2. Install the Angular CLI, to perform a variety ofongoing development tasks such as testing, bundling, and deployment.
  3. Download CoreUI Angular Admin Template orDownload CoreUI PRO Angular Admin Template.
  4. Install dependencies - navigate to the root template directory and runnpm install to pull local dependencies listed inpackage.json.

When completed, you'll be able to run the various commands provided from the command line.

Using npm scripts

Ourpackage.json includes numerous tasks for developing the project.

Runnpm run to see all the npm scripts in your terminal.

Primary tasks include:

TaskDescription
npm startCompiles CSS and JavaScript and starts a local dev server athttp://localhost:4200/
npm run buildCompiles CoreUI Angular application intodist/ directory
npm testRuns tests locally

Local template

Here's how to get it started:

  1. Run through the tooling setup above to install all dependencies.
  2. From the root template directory, runnpm start in the command line.
  3. Openhttp://localhost:4200 in your browser, and... voilà!

Troubleshooting

Should you encounter problems with installing dependencies, uninstall all previous dependency versions (global and local). In some cases it may require removing the wholenode_modules/ subdirectory. Then, runnpm install again.

CoreUI for Angular is Open Source UI Components Library for Angular.

Currently v5.5.17 Code licensed MIT, docs CC BY 3.0 .
CoreUI PRO requires acommercial license.


[8]ページ先頭

©2009-2025 Movatter.jp