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
|
: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(`
|
||||||
|
@ -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,
|
||||||
|
@ -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.
|
||||||
|
Loading…
x
Reference in New Issue
Block a user