Skip to content
Using Kendo UI with the Angular CLI
TypeScript JavaScript HTML CSS
Branch: master
Clone or download

Kendo UI for Angular: Angular CLI

This repository holds the source code for the article on getting started with the Kendo UI for Angular suite.

The project is generated with the Angular CLI tool.

Get Started

  1. Clone this repository by using your favorite Git client or by executing git clone
  2. Enter the project directory by running cd kendo-angular-quickstart-cli.
  3. Run npm install to install the project dependencies.

Table of Contents

Development Server

  1. Run the ng serve command for a development server.
  2. Navigate to http://localhost:4200/. If you change any of the source files, the application automatically reloads.

Code Scaffolding

Run the ng generate component component-name or ng generate directive/pipe/service/class/module command to generate a new component.


  1. Run the ng build command to build the project. The build artifacts are stored in the dist/ directory.
  2. Use the -prod flag for a production build.


Unit Tests

Run the ng test command to execute the unit tests with Karma.

End-to-End Tests

  1. Make sure you are serving the application through ng serve before running the tests.
  2. Run the ng e2e command to execute the end-to-end tests with Protractor.

Further Help

For additional support on the Angular CLI either:

Other Kendo UI Sample Projects for Angular

Sample Project Repository Sample Project Documentation
Using Kendo UI for Angular with Angular QuickStart Using with SystemJS
Using Kendo UI for Angular with Angular Seed Not documented
Using Kendo UI for Angular with Angular Universal Universal Rendering
Using Kendo UI for Angular with UI for ASP.NET Core UI for ASP.NET Core Integration
Using Kendo UI for Angular with NativeScript Not documented
Translating the custom messages of the Kendo UI components for Angular Translation of Messages
You can’t perform that action at this time.