docs(quickstart): update display of final struct + text tweaks

closes #538
This commit is contained in:
Ward Bell 2015-12-15 14:45:45 -08:00
parent 933433ceea
commit fde1828a92
3 changed files with 25 additions and 23 deletions

View File

@ -287,15 +287,16 @@ figure.image-display
:marked :marked
## Final structure ## Final structure
Our final project folder structure looks like this: Our final project folder structure looks like this:
code-example(format=""). .filetree
angular2-quickstart .file angular2-quickstart
├── node_modules .children
├── app .file node_modules
│ ├── app.component.js .file app
| └── boot.js .children
├── index.html .file app.component.ts
├── package.json .file boot.ts
└── tsconfig.json .file index.html
.file package.json
:marked :marked
And here are the files: And here are the files:
+makeTabs(` +makeTabs(`

View File

@ -906,7 +906,6 @@ code-example(format="").
.file router-sample .file router-sample
.children .children
.file node_modules .file node_modules
.file src
.file app .file app
.children .children
.file crisis-center/... .file crisis-center/...
@ -915,9 +914,9 @@ code-example(format="").
.file boot.ts .file boot.ts
.file dialog.service.ts .file dialog.service.ts
.file index.html .file index.html
.file package.json
.file styles.css .file styles.css
.file tsconfig.json .file tsconfig.json
.file package.json
:marked :marked
The top level application files are The top level application files are
+makeTabs( +makeTabs(
@ -947,7 +946,6 @@ code-example(format="").
.file crisis-detail.component.ts .file crisis-detail.component.ts
.file crisis-list.component.ts .file crisis-list.component.ts
.file crisis.service.ts .file crisis.service.ts
.file routes.ts
:marked :marked
+makeTabs( +makeTabs(
`router/ts/app/crisis-center/crisis-center.component.ts, `router/ts/app/crisis-center/crisis-center.component.ts,

View File

@ -294,15 +294,17 @@ figure.image-display
:marked :marked
## Final structure ## Final structure
Our final project folder structure looks like this: Our final project folder structure looks like this:
code-example(format=""). .filetree
angular2-quickstart .file angular2-quickstart
├── node_modules .children
├── app .file node_modules
│ ├── app.component.ts .file app
| └── boot.ts .children
├── index.html .file app.component.ts
├── package.json .file boot.ts
└── tsconfig.json .file index.html
.file package.json
.file tsconfig.json
:marked :marked
And here are the files: And here are the files:
+makeTabs(` +makeTabs(`
@ -479,7 +481,7 @@ code-example(format="").
With those cautions in mind, what are we doing here? With those cautions in mind, what are we doing here?
+makeExample('quickstart/ts/index.html', 'systemjs', 'index.html (System configuration')(format=".") +makeExample('quickstart/ts/index.html', 'systemjs', 'index.html (System configuration')(format=".")
:marked :marked
The `packages:` line tells SystemJS what to do when it sees a request for a The `packages` node tells SystemJS what to do when it sees a request for a
module from the `app/` folder. module from the `app/` folder.
Our QuickStart makes such requests when one of its Our QuickStart makes such requests when one of its
@ -512,9 +514,10 @@ code-example(format="").
* pre-compilation fits into a continuous integration process of build, test, deploy. * pre-compilation fits into a continuous integration process of build, test, deploy.
:marked :marked
The `System.Import` call tells SystemJS to import the `boot` file The `System.import` call tells SystemJS to import the `boot` file
(`boot.js` ... after transpiling `boot.ts`, remember?). (`boot.js` ... after transpiling `boot.ts`, remember?).
`boot` is where we tell Angular to launch the application. `boot` is where we tell Angular to launch the application.
We also catch and log launch errors to the console.
All other modules are loaded upon request All other modules are loaded upon request
either by an import statement or by Angular itself. either by an import statement or by Angular itself.