anchor.diff:      Most applications need those capabilities and most applications
       should run in Internet Explorer.
   
  +    一开始，我们先进行IE的polyfill（译注：指填充，用js来弥补浏览器原本不具备的能力）。
  +    IE需要填充才能正确运行依赖ES2015 promise（译注：ES2015的新特性，用于支持异步代码）和动态模块加载特性的应用程序。
  +    大多数应用还是得运行在IE中，所以我们需要这些能力。
  +
       Next are the polyfills for Angular2, `angular2-polyfills.js`.
  +    
  +    下一个是Angular2的polyfill —— `angular2-polyfills.js`。
       
       Then the [SystemJS](#systemjs) library for module loading,
       followed by the Reactive Extensions RxJS library.
  +    
  +    下一个是响应式编程的扩展库RxJS。
  +    
  +    最后则是为实现模块加载功能而引入的[SystemJS](#systemjs)库。
  +
     .l-sub-section
       :marked
         Our QuickStart doesn't use the Reactive Extensions 
         but any substantial application will want them
         when working with observables.
         We added the library here in QuickStart so we don't forget later.
  +      
  +      我们的QuickStart不会用到响应式扩展，但是大量的应用需要它们来提供observable（译注：响应式编程的核心特性，指监听数据的变更以便做出响应）特性。
  +      我们把它加到QuickStart中，以免将来忘了。
  +
     :marked
       Finally, we loaded the web development version of Angular 2 itself.
  +    
  +    最后，我们加载Angular2的“Web开发版”。
   
       We'll make different choices as we gain experience and
       become more concerned about production qualities such as
       load times and memory footprint.
  +    
  +    一旦我们更有经验、对产品质量更加关注（如加载时间、内存脚印等），我们也可以做出不同的选择
   
     a(id="systemjs")
     :marked
       ### SystemJS Configuration
  +    ### SystemJS配置
   
       The QuickStart uses <a href="https://github.com/systemjs/systemjs" target="_blank">SystemJS</a>
         to load application and library modules. 
  
positive.code:     ### 有用的脚本
      We've included a number of npm scripts in our suggested `package.json` to handle common development tasks:
      我们在建议的`package.json`中包括了几个npm脚本来处理常见的开发任务：
    +makeJson('quickstart/ts/package.1.json',{ paths: 'scripts'}, 'package.json (scripts)')(format=".")
  
    :marked
      We execute most npm scripts in the following way: `npm run` + *script-name*. 
  
negative.code:     We might launch the `AppComponent` in multiple environments with different bootstrappers. 
      Testing the component is much easier if it doesn't also try to run the entire application.
      Let's make the small extra effort to do it *the right way*.
      
      我们应该用正确的方式组织Angular应用的文件结构。
      启动App与展现视图是两个相互分离的关注点。
      把这些关注点混在一起会增加不必要的难度。
      我们可以通过使用不同的启动器（bootstraper）来在不同的环境中启动`AppComponent`。
      测试组件也变得更容易，因为不需要再运行整个程序才能跑测试。
      让我们多花一点精力来用*“正确的方式”*实现它。
  
  a(id="index")
  .l-main-section
  :marked
    ## Add the `index.html`
    ## 添加`index.html`
    The `index.html` is the web page that hosts the application
    
    `index.html`是此应用中的宿主页面。
    
    Navigate to the **project root folder**.
    
    浏览 **项目根目录**
  
  code-example(format="").
    cd ..
  :marked
    Create an`index.html` file in this root folder and paste the following lines:
    
    在根目录下创建`index.html`文件并且粘贴下列代码行：
  
  +makeExample('quickstart/ts/index.html', null, 'index.html')(format=".")
  .l-verbose-section
    :marked
      There are three noteworthy sections of HTML
      
      HTML中有三点值得注意
  
      1. The JavaScript [libraries](#libraries)
      
      1. JavaScript [库](#libraries)
      
      2. Configuration of [SystemJS](#systemjs) where we also import and run the
      `main` file that we just wrote.
      
      2. 配置[SystemJS](#systemjs)，以便引入和运行我们刚才写的`main`文件。
      
      3. The [&lt;my-app>](#my-app) tag in the `<body>` which is *where our app lives!*
      
      3. `<body>`中的[&lt;my-app>](#my-app)标记是*我们的应用“生活”的地方。*
  
    a(id="libraries")
    :marked
      ### Libraries
      ### 库
      We loaded the following scripts
      
      我们加载下列脚本：
  
    +makeExample('quickstart/ts/index.html', 'libraries', 'index.html')(format=".")
    :marked
      We began with Internet Explorer polyfills. 
  