/app.component.ts

## app.component.ts
import {Component} from 'angular2/core';

@Component({
    selector: 'my-app',
    template: '<h1>My First Angular 2 App</h1>'
})
export class AppComponent { }

## boot.ts
import {bootstrap}    from 'angular2/platform/browser'
import {AppComponent} from './app.component'

bootstrap(AppComponent);

## index.html
<html>

  <head>
    <title>Angular 2 QuickStart</title>

    <!-- 1. Load libraries -->
    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.js"></script>
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>

    <!-- 2. Configure SystemJS -->
    <script>
      System.config({
        packages: {
          app: {
            format: 'register',
            defaultExtension: 'js'
          }
        }
      });
      System.import('app/boot')
            .then(null, console.error.bind(console));
    </script>

  </head>

  <!-- 3. Display the application -->
  <body>
    <my-app>Loading...</my-app>
  </body>

</html>

## npm-debug.log
0 info it worked if it ends with ok
1 verbose cli [ 'node', '/usr/local/bin/npm', 'run', 'tsc:w' ]
2 info using npm@2.11.3
3 info using node@v0.12.7
4 verbose run-script [ 'pretsc:w', 'tsc:w', 'posttsc:w' ]
5 info pretsc:w 2angular@1.0.0
6 info tsc:w 2angular@1.0.0
7 verbose unsafe-perm in lifecycle true
8 info 2angular@1.0.0 Failed to exec tsc:w script
9 verbose stack Error: 2angular@1.0.0 tsc:w: `tsc -w`
9 verbose stack Exit status 1
9 verbose stack     at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:213:16)
9 verbose stack     at EventEmitter.emit (events.js:110:17)
9 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:24:14)
9 verbose stack     at ChildProcess.emit (events.js:110:17)
9 verbose stack     at maybeClose (child_process.js:1015:16)
9 verbose stack     at Process.ChildProcess._handle.onexit (child_process.js:1087:5)
10 verbose pkgid 2angular@1.0.0
11 verbose cwd /Users/Casey/Dev/2angular
12 error Darwin 15.2.0
13 error argv "node" "/usr/local/bin/npm" "run" "tsc:w"
14 error node v0.12.7
15 error npm  v2.11.3
16 error code ELIFECYCLE
17 error 2angular@1.0.0 tsc:w: `tsc -w`
17 error Exit status 1
18 error Failed at the 2angular@1.0.0 tsc:w script 'tsc -w'.
18 error This is most likely a problem with the 2angular package,
18 error not with npm itself.
18 error Tell the author that this fails on your system:
18 error     tsc -w
18 error You can get their info via:
18 error     npm owner ls 2angular
18 error There is likely additional logging output above.
19 verbose exit [ 1, true ]

## package.json
{
  "name": "2angular",
  "version": "1.0.0",
  "scripts": {
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "license": "ISC",
  "dependencies": {
    "angular2": "^2.0.0-beta.1",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "systemjs": "0.19.6",
    "zone.js": "0.5.10"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^1.3.1",
    "typescript": "^1.7.3"
  }
}

## tsconfig.json
{
	"compilerOptions": {
		"target": "ES5",
		"module": "system",
		"moduleResolution": "node",
		"sourceMap": true,
		"emitDecoratorMetadata": true,
		"removeComments": false,
		"noImplicitAny": false,
	},
	"exclude": [
		"node_modules"
	]
}
	import {Component} from 'angular2/core';

	@Component({
	selector: 'my-app',
	template: '<h1>My First Angular 2 App</h1>'
	})
	export class AppComponent { }
	import {bootstrap} from 'angular2/platform/browser'
	import {AppComponent} from './app.component'

	bootstrap(AppComponent);
	<html>

	<head>
	<title>Angular 2 QuickStart</title>

	<!-- 1. Load libraries -->
	<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
	<script src="node_modules/systemjs/dist/system.src.js"></script>
	<script src="node_modules/rxjs/bundles/Rx.js"></script>
	<script src="node_modules/angular2/bundles/angular2.dev.js"></script>

	<!-- 2. Configure SystemJS -->
	<script>
	System.config({
	packages: {
	app: {
	format: 'register',
	defaultExtension: 'js'
	}
	}
	});
	System.import('app/boot')
	.then(null, console.error.bind(console));
	</script>

	</head>

	<!-- 3. Display the application -->
	<body>
	<my-app>Loading...</my-app>
	</body>

	</html>
	0 info it worked if it ends with ok
	1 verbose cli [ 'node', '/usr/local/bin/npm', 'run', 'tsc:w' ]
	2 info using npm@2.11.3
	3 info using node@v0.12.7
	4 verbose run-script [ 'pretsc:w', 'tsc:w', 'posttsc:w' ]
	5 info pretsc:w 2angular@1.0.0
	6 info tsc:w 2angular@1.0.0
	7 verbose unsafe-perm in lifecycle true
	8 info 2angular@1.0.0 Failed to exec tsc:w script
	9 verbose stack Error: 2angular@1.0.0 tsc:w: `tsc -w`
	9 verbose stack Exit status 1
	9 verbose stack at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:213:16)
	9 verbose stack at EventEmitter.emit (events.js:110:17)
	9 verbose stack at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:24:14)
	9 verbose stack at ChildProcess.emit (events.js:110:17)
	9 verbose stack at maybeClose (child_process.js:1015:16)
	9 verbose stack at Process.ChildProcess._handle.onexit (child_process.js:1087:5)
	10 verbose pkgid 2angular@1.0.0
	11 verbose cwd /Users/Casey/Dev/2angular
	12 error Darwin 15.2.0
	13 error argv "node" "/usr/local/bin/npm" "run" "tsc:w"
	14 error node v0.12.7
	15 error npm v2.11.3
	16 error code ELIFECYCLE
	17 error 2angular@1.0.0 tsc:w: `tsc -w`
	17 error Exit status 1
	18 error Failed at the 2angular@1.0.0 tsc:w script 'tsc -w'.
	18 error This is most likely a problem with the 2angular package,
	18 error not with npm itself.
	18 error Tell the author that this fails on your system:
	18 error tsc -w
	18 error You can get their info via:
	18 error npm owner ls 2angular
	18 error There is likely additional logging output above.
	19 verbose exit [ 1, true ]
	{
	"name": "2angular",
	"version": "1.0.0",
	"scripts": {
	"tsc": "tsc",
	"tsc:w": "tsc -w",
	"lite": "lite-server",
	"start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
	},
	"license": "ISC",
	"dependencies": {
	"angular2": "^2.0.0-beta.1",
	"es6-promise": "^3.0.2",
	"es6-shim": "^0.33.3",
	"reflect-metadata": "0.1.2",
	"rxjs": "5.0.0-beta.0",
	"systemjs": "0.19.6",
	"zone.js": "0.5.10"
	},
	"devDependencies": {
	"concurrently": "^1.0.0",
	"lite-server": "^1.3.1",
	"typescript": "^1.7.3"
	}
	}
	{
	"compilerOptions": {
	"target": "ES5",
	"module": "system",
	"moduleResolution": "node",
	"sourceMap": true,
	"emitDecoratorMetadata": true,
	"removeComments": false,
	"noImplicitAny": false,
	},
	"exclude": [
	"node_modules"
	]
	}