Git is required for Clone method
Node.js and NPM are required.

Use either clone or download.


Run in either bash or command prompt. With this command, it downloads Angular QuickStart into a folder e.g. quickstart.

git clone quickstart



Download the QuickStart seed and unzip it into your project folder e.g. quickstart.

After Angular Quick-Start is cloned or Angular Quick-Start files are downloaded, run the following command to install dependencies.

cd quickstart
npm install

FYI. There are 3 core files under src directory in project folder.

  • app.component.ts is the root component of the project.
    import { Component } from '@angular/core';
      selector: 'cloudberry-app',
      template: `

    Welcome to {{name}}

    ` }) export class AppComponent { name = ‘CloudBerry Angular Tutorials’; }

  • app.module.ts is the root module of the project. To declare components you needed in the project, and also to bootstrap the root component.
    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { AppComponent }  from './app.component';
      imports:      [ BrowserModule ],
      declarations: [ AppComponent ],
      bootstrap:    [ AppComponent ]
    export class AppModule { }
  • main.ts to bootstrap root module.
    import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
    import { AppModule } from './app/app.module';

Run the app

Open index.html under src directory.
We have to change <my-app> in index.html to the value of selector in app.component.ts which in this case is cloudberry-app.

    <cloudberry-app>Loading AppComponent content here ...</cloudberry-app>

Run the project in your default browser by executing this command in either terminal or command prompt.

npm start
Last modified: December 4, 2017