A seed project for Angular 2 apps.
It is something similar to the AngularJS Quick Start but does the entire build with gulp.
Note that this seed project requires node v4.x.x or higher and npm 2.14.7.
git clone https://github.com/mgechev/angular2-seed.git
cd angular2-seed
npm install # or `npm run reinstall` if you get an error
npm start # start with --env dev
npm run docs # api document for appIf you want to try the experimental hot loading support use:
npm start -- --hot-loader true
Note that the hot loader is still in experimental phase of development and there are some missing features. If you experience any issues with it report them at here.
Does not rely on any global dependencies.
.
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── app
│ ├── assets
│ │ ├── img
│ │ │ └── smile.png
│ │ └── main.css
│ ├── bootstrap.ts
│ ├── components
│ │ ├── about
│ │ │ ├── about.html
│ │ │ ├── about.ts
│ │ │ └── about_spec.ts
│ │ ├── app
│ │ │ ├── app.css
│ │ │ ├── app.html
│ │ │ ├── app.ts
│ │ │ └── app_spec.ts
│ │ └── home
│ │ ├── home.css
│ │ ├── home.html
│ │ ├── home.ts
│ │ └── home_spec.ts
│ ├── hot_loader_bootstrap.ts
│ ├── index.html
│ └── services
│ ├── name_list.ts
│ └── name_list_spec.ts
├── appveyor.yml
├── dist
├── gulpfile.ts
├── karma.conf.js
├── package.json
├── test-main.js
├── tools
│ ├── config.ts
│ ├── tasks
│ │ ├── build.assets.dev.ts
│ │ ├── build.assets.prod.ts
│ │ ├── build.bundles.ts
│ │ ├── build.deps.ts
│ │ ├── build.docs.ts
│ │ ├── build.html_css.prod.ts
│ │ ├── build.index.ts
│ │ ├── build.js.dev.ts
│ │ ├── build.js.prod.ts
│ │ ├── build.sass.dev.ts
│ │ ├── build.test.ts
│ │ ├── check.versions.ts
│ │ ├── clean.ts
│ │ ├── karma.start.ts
│ │ ├── npm.ts
│ │ ├── serve.docs.ts
│ │ ├── server.start.ts
│ │ ├── tsd.ts
│ │ ├── tslint.ts
│ │ ├── watch.dev.ts
│ │ ├── watch.serve.ts
│ │ └── watch.test.ts
│ ├── typings
│ ├── utils
│ │ ├── code_change_tools.ts
│ │ ├── server.ts
│ │ ├── tasks_tools.ts
│ │ ├── template_injectables.ts
│ │ └── template_locals.ts
│ └── utils.ts
├── tsconfig.json
├── tsd.json
└── tslint.json
Default application server configuration
var PORT = 5555;
var LIVE_RELOAD_PORT = 4002;
var DOCS_PORT = 4003;
var APP_BASE = '/';Configure at runtime
npm start -- --port 8080 --reload-port 4000 --base /my-app/If you want to use your custom libraries:
npm install my-library --save
vim tools/config.tsAdd reference to the installed library in NPM_DEPENDENCIES:
export const NPM_DEPENDENCIES = [
{ src: 'systemjs/dist/system-polyfills.js', dest: LIB_DEST },
{ src: 'bootstrap/dist/css/bootstrap.min.css', inject: true, dest: CSS_DEST }
// ...
{ src: 'my-library/dist/bundle.js', inject: true, dest: LIB_DEST }
];src- relative tonode_modulesinject- indicates whether the library should be injected (if not you have to include it manually inindex.html)dest- your library will be copied to this location. Used for the production build.
Do not forget to add a reference to the type definition inside the files where you use your custom library.
npm test
# Debug - In two different shell windows
npm run build.test.watch # 1st window
npm run karma.start # 2nd windowPlease see the CONTRIBUTING file for guidelines.
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|
| mgechev | ludohenin | tarlepp | NathanWalker | jesperronn | aboeglin |
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|
| ryzy | natarajanmca11 | jerryorta-dev | JakePartusch | larsthorup | TuiKiken |
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|
| johnjelinek | evanplaice | ultrasonicsoft | Brooooooklyn | tandu | markharding |
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|
| mjwwit | ocombe | gdi2290 | philipooo | redian | robertpenner |
 |
 |
 |
 |
|---|---|---|---|
| sclausen | butterfieldcons | jgolla | dstockhammer |
You can follow the Angular 2 change log here.
MIT
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent