----------------------------目录说明---------------------------------
一、e2e:端到端的测试目录
二、src:源代码目录。
2.1 src->app:我们自己写的代码
2.1.1 src->app->app.companat.ts:(组件)用@Component声明的一个ts类。
2.1.2 src->app->app.module.ts:(模块)一个模块也是一个带着@NgModule装饰器的typescript类。
用@NgModule声明了一个模块,在这个模块中:
首先用delarations声明了这个模块中有什么东西。这里只能声明组件,指令,管道。
imports:声明要让应用正常运转,还需要什么东西。也就是这个模块依赖的其他模块
(
BrowerModule:开发web应用的必选模块,浏览器模块。
FormsModule:处理表单的模块。
HpptModule:http服务的模块。与服务器通讯。
)。当你引用了这些模块以后,你就可以在你的应用中使用这些模块提供的组件、指令和服务。
providers:用来声明模块中提供了什么服务。(这里只能声明服务,服务只能生命在这里)
bootsrap:声明了模块的主组件。
2.2 src->assets:静态文件目录
2.3 src->environments:环境配置,可以运行在不同的环境下(开发,测试,生产环境)。在编译的时候,根据不同的环境进行编译
2.4 src->index.html:整个应用的根html,第一次系统起来访问这个文件。必须有app-root标签
2.5 src->main.ts:脚本运行的入口点。
2.6 src->polifile.ts:用来导入一些必要的库,是使ng可以正常的运行在某些老的浏览器
2.7 src->styles.css:应用全局的样式
2.8 src->test.ts:搞自动化测试用的
2.9 src->tfconfig.json:typescript编译器的配置(不用改动)
三、.editorconfig:webstorm的配置文件
四、.gitignore:git的配置文件
五、angular-cli.json:angular命令行工具配置文件。后面会去修改。会引用其他第三方的包(jq,bootstrap等)
六、karma.config.js:karma执行自动化测试。
七、package.json:标准的npm的配置文件。第三方的依赖包。dependencis()devDependencis()
八、protractor.config.js:做自动化测试的一个配置文件。
九、readme.txt:angular命令行生成的一个标准使用说明
十、tslint.json:定义typescript质量的规则