注：本教程基于angular6.0.8进行，尽量迅速了解每一个重要部分的定义与用法，能够按步骤编写完成需求。

一. Hello Angular

  1. 步骤
    1. 新建项目： ng new hello-angular –skip-install   
    2. 安装依赖：进入hello-angular 目录： 进入project目录运行 yarn install
    3. 运行项目： ng serve   
  2. 目录结构

      1. e2e —————————————-用于测试（本文对于测试不会涉及）
      2. node_modules—————————-存放依赖包的地方
      3. src—————————————–存放源代码

        1. app———————————根模块

          1. app.component.css———样式文件
          2. app.component.html——-模板
          3. app.component.spec.ts—–测试
          4. app.component.ts———-组件
          5. app.module.ts—————模块
        2. assets ——————————站点资源文件夹
        3. environments———————-环境

          1. environment.prod.ts——–生产环境
          2. environment.ts————–非生产环境
        4. favicon.ico————————–站点收藏图标
        5. index.html————————–宿主页面
        6. mian.ts——————————程序引导
        7. polyfills.ts ————————–针对浏览器能力增强的polyfills引用文件
        8. styles.css —————————全局样式文件
        9. test.ts——————————-测试入口文件
        10. tsconfig.json————————TypeScript配置文件
      4.  .gitignore ———————————需要Git忽略的文件列表
      5. angular-cli.json—————————-angular-cli配置
      6. karma.conf.js ——————————Karma单元测试配置文件
      7. package.json——————————依赖包以及npm的命令
      8. protractor.conf.js ————————-端到端测试配置文件（集成测试）
      9.  tslint.json ———————————代码Lint静态检查的配置
版权声明：本文为匿名原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：