angular2 系列教程（一） HelloAngular

注：本教程基于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静态检查的配置