Seed project for Angular 2 apps
JavaScript TypeScript HTML CSS
Clone or download
Pull request Compare This branch is 1880 commits behind mgechev:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
tools
.editorconfig
.gitignore
.jshintrc
LICENSE
README.md
gulpfile.js
karma.conf.js
package.json
test-main.js
tsconfig.json
tsd.json

README.md

Introduction

Join the chat at https://gitter.im/mgechev/angular2-seed

A seed project for Angular 2 apps.

It is something similar to the AngularJS Quick Start but does the entire build with gulp.

Note: Angular 2.0 is not production ready yet! This seed project is perfect for playing around with the latest versions but do not start new projects with it since a lot of new changes are going to be introduced until the framework is officially released.

How to start

git clone https://github.com/mgechev/angular2-seed.git
cd angular2-seed
npm install
# dev
npm run serve.dev

Does not rely on any global dependencies.

Directory Structure

.
β”œβ”€β”€ app
β”‚   β”œβ”€β”€ components
β”‚   β”‚   β”œβ”€β”€ about
β”‚   β”‚   β”‚   β”œβ”€β”€ about.html
β”‚   β”‚   β”‚   β”œβ”€β”€ about.ts
β”‚   β”‚   β”‚   └── about_spec.ts
β”‚   β”‚   └── home
β”‚   β”‚       β”œβ”€β”€ home.html
β”‚   β”‚       β”œβ”€β”€ home.ts
β”‚   β”‚       └── home_spec.ts
β”‚   β”œβ”€β”€ services
β”‚   β”‚   β”œβ”€β”€ name_list.ts
β”‚   β”‚   └── name_list_spec.ts
β”‚   β”œβ”€β”€ typings
β”‚   β”œβ”€β”€ app.css
β”‚   β”œβ”€β”€ app.html
β”‚   β”œβ”€β”€ app.ts
β”‚   β”œβ”€β”€ index.html
β”‚   └── init.ts
β”œβ”€β”€ dist
β”‚   β”œβ”€β”€ dev
β”‚   └── prod
β”œβ”€β”€ tools
β”‚   β”œβ”€β”€ tasks
β”‚   β”œβ”€β”€ utils.js
β”‚   └── workflow.config.js
β”œβ”€β”€ tsd_typings
β”œβ”€β”€ gulpfile.js
β”œβ”€β”€ karma.conf.js
β”œβ”€β”€ package.json
β”œβ”€β”€ test-main.js
β”œβ”€β”€ tsconfig.json
└── tsd.json

Configuration

Default application server configuration

var PORT             = 5555;
var LIVE_RELOAD_PORT = 4002;
var APP_BASE         = '/';

Configure at runtime

npm run serve.dev -- --port 8080 --reload-port 4000 --base /my-app/

Now to extend?

If you want to use your custom libraries:

npm install my-library --save
vim gulpfile.js

Add reference to the installed library in PATH.src.lib into ./tools/workflow.config.js.

Running test

# In a single bash window
npm run test

# Debug - In two bash windows
npm run karma      # 1st window
npm run test-dev   # 2nd window

Contributors

mgechev ludohenin NathanWalker aboeglin jerryorta-dev TuiKiken
mgechev ludohenin NathanWalker aboeglin jerryorta-dev TuiKiken
mjwwit ultrasonicsoft philipooo redian robertpenner jgolla
mjwwit ultrasonicsoft philipooo redian robertpenner jgolla
dstockhammer
dstockhammer

Change Log

You can follow the Angular 2 change log here.

License

MIT