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
## Final structure
Our final project folder structure looks like this:
code-example(format="").
angular2-quickstart
├── node_modules
├── app
│ ├── app.component.js
| └── boot.js
├── index.html
├── package.json
└── tsconfig.json
.filetree
.file angular2-quickstart
.children
.file node_modules
.file app
.children
.file app.component.ts
.file boot.ts
.file index.html
.file package.json
:marked
And here are the files:
+makeTabs(`

View File

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

View File

@ -294,15 +294,17 @@ figure.image-display
:marked
## Final structure
Our final project folder structure looks like this:
code-example(format="").
angular2-quickstart
├── node_modules
├── app
│ ├── app.component.ts
| └── boot.ts
├── index.html
├── package.json
└── tsconfig.json
.filetree
.file angular2-quickstart
.children
.file node_modules
.file app
.children
.file app.component.ts
.file boot.ts
.file index.html
.file package.json
.file tsconfig.json
:marked
And here are the files:
+makeTabs(`
@ -479,7 +481,7 @@ code-example(format="").
With those cautions in mind, what are we doing here?
+makeExample('quickstart/ts/index.html', 'systemjs', 'index.html (System configuration')(format=".")
: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.
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.
: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` 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
either by an import statement or by Angular itself.