docs(quickstart): update display of final struct + text tweaks
closes #538
This commit is contained in:
parent
933433ceea
commit
fde1828a92
|
@ -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(`
|
||||
|
|
|
@ -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,
|
||||
|
|
|
@ -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.
|
||||
|
|
Loading…
Reference in New Issue