今天完成的事情： 安装 Angular CLI  ,并创建项目；了解angular项目目录结构，架构了解

明天计划的事情：模块了解；组件了解；路由器基础知识；任务六；

遇到的问题：在看 angular 和 TS 的时候特别的懵不知道干嘛用的，怎么用；也有不停的请教师兄。慢慢地撑住气有一些出路了，还待好好的仔细看知识点。

收获：

通过ng new my-app可以在文件夹内创建出新的项目;

cd my-app

ng serve 

创建的项目组件：

第一层目录：

src 目录：

app目录：

angular项目目录解析：

第一层目录：

node_modules目录  // 第三方依赖包存放目录

src目录  // 应用源代码目录  

.editorconfig // webstorm的配置文件

.gitignore // git的配置文件

.angular-cli.json   Angular //命令行工具的配置文件。后期可能会去修改它，引一些其他的第三方的包  比如jquery等

karma.conf.js  karma //  是单元测试的执行器，karma.conf.js是karma的配置文件

package.json  // 这是一个标准的npm工具的配置文件，这个文件里面列出了该应用程序所使用的第三方依赖包。实际上我们在新建项目的时候，等了半天就是在下载第三方依赖包。下载完成后会放在node_modules这个目录中，后期我们可能会修改这个文件。

protractor.conf.js // 也是一个做自动化测试的配置文件

README.md // 说明文件

tslint.json // 是tslint的配置文件，用来定义TypeScript代码质量检查的规则

src目录：

app目录   //包含应用的组件和模块，我们要写的代码都在这个目录

assets目录 // 资源目录，存储静态资源的  比如图片

environments目录  //环境配置。Angular是支持多环境开发的，我们可以在不同的环境下（开发环境，测试环境，生产环境）共用一套代码，主要用来配置环境的

index.html //   整个应用的根html，程序启动就是访问这个页面

main.ts // 整个项目的入口点，Angular通过这个文件来启动项目

polyfills.ts  //   主要是用来导入一些必要库，为了让Angular能正常运行在老版本下

styles.css  //   主要是放一些全局的样式

tsconfig.app.json // TypeScript编译器的配置,添加第三方依赖的时候会修改这个文件

test.ts  // 也是自动化测试用的

app目录：

app目录是我们要编写的代码目录。我们写的代码都是放在这个目录。
一个Angular程序至少需要一个模块和一个组件。在我们新建项目的时候命令行已经默认生成出来了。

app.component.ts：这个文件表示组件

app.module.ts：这个文件表示模块

通过ng g c a可以创建出一个新的组件a

在html文件中使用可以直接标签名<app-a></app-a>来引用这个组件