1
- extends ../../ts/_cache /quickstart.jade
1
+ extends ../../ts/latest /quickstart.jade
2
2
3
3
block includes
4
4
include _util-fns
5
5
- var _Install = ' Get'
6
6
- var _prereq = ' the Dart SDK'
7
- - var _angular_browser_uri = ' package:angular2/platform/browser.dart'
8
- - var _angular_core_uri = ' package:angular2/core.dart'
7
+ - var _angular_browser_uri = ' angular2/platform/browser.dart'
8
+ - var _angular_core_uri = ' angular2/core.dart'
9
+ - var _stepInit = 3
10
+ - var _quickstartSrcURL= ' https://github.com/angular-examples/quickstart'
11
+ - var _AppModuleVsRootComp = ' AppComponent'
12
+ - var _moduleVsComp = ' component'
13
+ - var _platformBrowserDynamic = ' bootstrap'
9
14
10
15
block setup-tooling
11
16
:marked
@@ -20,9 +25,6 @@ block setup-tooling
20
25
[DT]: https://www.dartlang.org/tools/
21
26
[pub]: https://www.dartlang.org/tools/pub/
22
27
23
- block download-source
24
- // exclude this section from Dart
25
-
26
28
block package-and-config-files
27
29
:marked
28
30
In the project folder just created, create a file named
@@ -59,9 +61,6 @@ block create-main
59
61
li a #[ b folder named #[ code web] ]
60
62
li a <b >file named #[code #[+adjExPath('app/main.ts')]]</b > with the following content:
61
63
62
- block index-html-commentary-for-ts
63
- //- N/A
64
-
65
64
block run-app
66
65
p.
67
66
We have a few options for running our app.
@@ -87,22 +86,23 @@ block build-app
87
86
in the [proper folders](#wrap-up),
88
87
and run `pub get`.
89
88
90
- .l-verbose-section
91
- h3#section-angular-run-app Building the app (generating JavaScript)
92
-
89
+ .l-verbose-section #section-angular-run-app
93
90
:marked
91
+ ### Building the app (generating JavaScript)
92
+
94
93
Before deploying the app, we need to generate JavaScript files.
95
94
The `pub build` command makes that easy.
96
95
97
96
code-example( language ="sh" ) .
98
97
> <span class =" blk" >pub build</span >
99
98
Loading source assets...
100
99
101
- p.
100
+ : marked
102
101
The generated JavaScript appears, along with supporting files,
103
- under a directory named < code > build</ code > .
102
+ under a directory named ` build` .
104
103
105
- h4#angular_transformer Using the Angular transformer
104
+ #angular_transformer
105
+ h4 Using the Angular transformer
106
106
107
107
p.
108
108
When generating JavaScript for an Angular app,
@@ -124,7 +124,7 @@ block build-app
124
124
<a href =" https://github.com/angular/angular/wiki/Angular-2-Dart-Transformer" >Angular
125
125
transformer wiki page</a >.
126
126
127
- #performance .l-sub-section
127
+ .l-sub-section #performance
128
128
h3 Performance, the transformer, and Angular 2 libraries
129
129
p.
130
130
When an app imports <code >bootstrap.dart</code >,
@@ -136,7 +136,8 @@ block build-app
136
136
(<code >entry_points</code > in <code >pubspec.yaml</code >)
137
137
so that they don't use mirrors.
138
138
139
- h4#dart_to_js_script_rewriter Using dart_to_js_script_rewriter
139
+ #dart_to_js_script_rewriter
140
+ h4 Using dart_to_js_script_rewriter
140
141
141
142
:marked
142
143
To improve the app's performance, convert the
@@ -203,6 +204,3 @@ block project-files
203
204
index.html,
204
205
pubspec.yaml,
205
206
styles.css` )
206
-
207
- block what-next-ts-overhead
208
- //- N/A
0 commit comments