@@ -5,11 +5,11 @@ include _util-fns
55 if you did everything by hand.
66
77 The [**Angular CLI**](https://cli.angular.io/) is a **_command line interface_** tool
8- that can create a project, add files, and perform a variety of on-going development tasks such
8+ that can create a project, add files, and perform a variety of ongoing development tasks such
99 as testing, bundling, and deployment.
1010
11- The goal in this CLI QuickStart chapter is to build and run a super- simple Angular
12- application in TypeScript, using Angular CLI
11+ The goal in this guide is to build and run a simple Angular
12+ application in TypeScript, using the Angular CLI
1313 while adhering to the [Style Guide](./guide/style-guide.html) recommendations that
1414 benefit _every_ Angular project.
1515
@@ -18,10 +18,10 @@ include _util-fns
1818
1919 You'll pursue these ends in the following high-level steps:
2020
21- 1. [Set up](#devenv) the development environment
22- 2. [Create](#create-proj) a new project and skeleton application
23- 3. [Serve](#serve) the application
24- 4. [Edit](#first-component) the application
21+ 1. [Set up](#devenv) the development environment.
22+ 2. [Create](#create-proj) a new project and skeleton application.
23+ 3. [Serve](#serve) the application.
24+ 4. [Edit](#first-component) the application.
2525
2626 And you can also <a href="/resources/zips/cli-quickstart/cli-quickstart.zip">download the example.</a>
2727
@@ -93,9 +93,9 @@ h2#first-component Step 4: Edit your first Angular component
9393+ makeExample('cli-quickstart/ts/src/app/app.component.ts' , 'title' , 'src/app/app.component.ts' )( format ="." )
9494
9595:marked
96- The browser reloads automatically and we see the revised title. That's nice, but we can make it look better.
96+ The browser reloads automatically with the revised title. That's nice, but it could look better.
9797
98- Open `src/app/cli-quickstart.component.css` and give the component some style
98+ Open `src/app/cli-quickstart.component.css` and give the component some style.
9999
100100+ makeExample('cli-quickstart/ts/src/app/app.component.css' , null , 'src/app/app.component.css' )( format ="." )
101101
@@ -133,7 +133,7 @@ block src-files
133133 :marked
134134 ### The `src` folder
135135 Your app lives in the `src` folder.
136- All Angular components, templates, styles, images and anything else your app needs go here.
136+ All Angular components, templates, styles, images, and anything else your app needs go here.
137137 Any files outside of this folder are meant to support building your app.
138138
139139.filetree
@@ -173,7 +173,7 @@ table(width="100%")
173173 td <code >app/app.component.{ts,html,css,spec.ts}</code >
174174 td
175175 :marked
176- Defines the `AppComponent` along with an HTML template, CSS stylesheet and a unit test.
176+ Defines the `AppComponent` along with an HTML template, CSS stylesheet, and a unit test.
177177 It is the **root** component of what will become a tree of nested components
178178 as the application evolves.
179179 tr
@@ -187,18 +187,18 @@ table(width="100%")
187187 td <code >assets/*</code >
188188 td
189189 :marked
190- A folder where you can put images and anything else you need to be copied wholesale
190+ A folder where you can put images and anything else to be copied wholesale
191191 when you build your application.
192192 tr
193193 td <code >environments/*</code >
194194 td
195195 :marked
196196 This folder contains one file for each of your destination environments,
197- each exporting simple configuration variables to use on your application.
198- The files will be replaced on-the-fly when you build your app.
199- You might use a different API endpoint for development than you do for production.
200- Or maybe different analytics tokens.
201- Maybe even some mock services.
197+ each exporting simple configuration variables to use in your application.
198+ The files are replaced on-the-fly when you build your app.
199+ You might use a different API endpoint for development than you do for production
200+ or maybe different analytics tokens.
201+ You might even use some mock services.
202202 Either way, the CLI has you covered.
203203 tr
204204 td <code >favicon.ico</code >
@@ -210,9 +210,9 @@ table(width="100%")
210210 td <code >index.html</code >
211211 td
212212 :marked
213- The main html page that is served when someone visits your site.
213+ The main HTML page that is served when someone visits your site.
214214 Most of the time you'll never need to edit it.
215- The CLI will automatically add all `js` and `css` files when building your app so you
215+ The CLI automatically adds all `js` and `css` files when building your app so you
216216 never need to add any `<script>` or `<link>` tags here manually.
217217 tr
218218 td <code >main.ts</code >
@@ -221,8 +221,8 @@ table(width="100%")
221221 The main entry point for your app.
222222 Compiles the application with the [JIT compiler](glossary.html#jit)
223223 and bootstraps the application's root module (`AppModule`) to run in the browser.
224- You can also use the [AoT compiler](glossary.html#ahead-of-time-aot-compilation)
225- without changing any code by passing on `--aot` to `ng build` or `ng serve`.
224+ You can also use the [AOT compiler](glossary.html#ahead-of-time-aot-compilation)
225+ without changing any code by passing in `--aot` to `ng build` or `ng serve`.
226226 tr
227227 td <code >polyfills.ts</code >
228228 td
@@ -288,15 +288,15 @@ table(width="100%")
288288 th File
289289 th Purpose
290290 tr
291- td <code >e2e/* </code >
291+ td <code >e2e/</code >
292292 td
293293 :marked
294294 Inside `e2e/` live the End-to-End tests.
295295 They shouldn't be inside `src/` because e2e tests are really a separate app that
296296 just so happens to test your main app.
297297 That's also why they have their own `tsconfig.e2e.json`.
298298 tr
299- td <code >node_modules/... </code >
299+ td <code >node_modules/</code >
300300 td
301301 :marked
302302 `Node.js` creates this folder and puts all third party modules listed in
@@ -364,6 +364,6 @@ table(width="100%")
364364 :marked
365365 ### Next Step
366366
367- If you're new to Angular, we recommend staying on the
367+ If you're new to Angular, continue on the
368368 [learning path](guide/learning-angular.html "Angular learning path").
369- You can skip the "Setup" chapter since you're already using the Angular CLI setup.
369+ You can skip the "Setup" step since you're already using the Angular CLI setup.
0 commit comments