ng2目录说明

来源:互联网 发布:玲珑加速器 知乎 编辑:程序博客网 时间:2024/06/02 05:45
----------------------------目录说明---------------------------------
一、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质量的规则
原创粉丝点击