2-2 工程源码文件结构





这节主要看src下面的目录


资源目录放图片等


本机环境,开发环境、生产环境,不一样的环境才用不一样的变量值

例如本机的API的地址

生产环境的服务地址多是一个网址的



ng build:默认是开发环境的编译
ng build --prod:就是生产环境的编译。编译就是对应下面两个环境的文件
css

app目录


app.module .ts是根模块,相对功能独立的一组代码组合在一块儿就组成一个模块


app.component是根组件,主要是css、html、ts这三个主要的文件。spec是测试用的文件




@Component这是装饰器,装饰器其实就是一个函数

装饰器用来修饰AppComponent这个类

并设置这个类的一些属性值

组件能够理解为angular自定义的html标签,也能够理解为它是页面显示的一部份内容,这个内容多是整页,也多是页面的一部分
templateUrl:模板的路径

./表示的是当前目录

模板表达要怎么去显示,显示哪些内容

css的路径,能够有多个css

默认状况下建立的就一个




html

app.module


@NgModule修饰整个模块

模块有这些属性

declarations是一个数组,声明我这个模块有哪些组件,也能够说有哪些组件属于我这个模块

import:我这个模块自己,依赖什么其余模块


bootstrap:个人引导组件是什么,根模块才会有这个bootstrap这个属性,你进去个人模块后,我第一个给你呈现出来的是什么
这就是为何appComponent什么叫作根组件,它是一个引导组件java

main.ts

main.ts是整个应用的入口,相似java中的main函数或者c语言中的main函数


它会去引导咱们的根模块,而后在根模块里面去引导跟组件


polyfills.ts
英文就是填充
不一样浏览器的兼容脚本加载



styles.css
全局的样式表

test.ts:测试入口

























 bootstrap