anchor.diff:  code-example(language="sh" class="code-shell").
     cd my-app
     ng serve --open
  -  
  -:marked
  -  The `ng serve` command launches the server, watches your files, 
  +
  +:marked
  +  The `ng serve` command launches the server, watches your files,
     and rebuilds the app as you make changes to those files.
   
  -  Using the `--open` (or just `-o`) option will automatically open your browser 
  -  on `http://localhost:4200/`. 
  -  
  +  Using the `--open` (or just `-o`) option will automatically open your browser
  +  on `http://localhost:4200/`.
  +
     Your app greets you with a message:
  -  
  +
   figure.image-display
     img(src='/resources/images/devguide/cli-quickstart/app-works.png' alt="The app works!")
   
   .l-main-section
   h2#first-component Step 4: Edit your first Angular component
   :marked
  -  The CLI created the first Angular component for you. 
  +  The CLI created the first Angular component for you.
     This is the _root component_ and it is named `app-root`.
     You can find it in `./src/app/app.component.ts`.
   
   :marked
     Open the component file and change the `title` property from _app works!_ to _My First Angular App_:
  -  
  +
   +makeExample('cli-quickstart/ts/src/app/app.component.ts', 'title', 'src/app/app.component.ts')(format=".")
   
   :marked
     The browser reloads automatically with the revised title. That's nice, but it could look better.
  -  
  -  Open `src/app/cli-quickstart.component.css` and give the component some style.
  +
  +  Open `src/app/app.component.css` and give the component some style.
   
   +makeExample('cli-quickstart/ts/src/app/app.component.css', null, 'src/app/app.component.css')(format=".")
   
   figure.image-display
  -  img(src='/resources/images/devguide/cli-quickstart/my-first-app.png' alt="Output of QuickStart app")  
  -  
  +  img(src='/resources/images/devguide/cli-quickstart/my-first-app.png' alt="Output of QuickStart app")
  +
   :marked
     Looking good!
   
  
positive.code: 
  .l-sub-section
    :marked
      Patience please. 
      It takes time to set up a new project, most of it spent installing npm packages.
  
  .l-main-section
  
negative.code: include _util-fns
  
  :marked
    Good tools make application development quicker and easier to maintain than
    if you did everything by hand.
  
    The [**Angular CLI**](https://cli.angular.io/) is a **_command line interface_** tool
    that can create a project, add files, and perform a variety of ongoing development tasks such
    as testing, bundling, and deployment.
  
    The goal in this guide is to build and run a simple Angular
    application in TypeScript, using the Angular CLI
    while adhering to the [Style Guide](./guide/style-guide.html) recommendations that
    benefit _every_ Angular project.
  
    By the end of the chapter, you'll have a basic understanding of development with the CLI
    and a foundation for both these documentation samples and for real world applications.
  
    You'll pursue these ends in the following high-level steps:
  
    1. [Set up](#devenv) the development environment.
    2. [Create](#create-proj) a new project and skeleton application.
    3. [Serve](#serve) the application.
  