这节主要看src下面的目录
资源目录放图片等
本机环境,开发环境、生产环境,不一样的环境才用不一样的变量值
例如本机的API的地址
生产环境的服务地址多是一个网址的
ng build:默认是开发环境的编译
ng build --prod:就是生产环境的编译。编译就是对应下面两个环境的文件
css
app.module .ts是根模块,相对功能独立的一组代码组合在一块儿就组成一个模块
app.component是根组件,主要是css、html、ts这三个主要的文件。spec是测试用的文件
@Component这是装饰器,装饰器其实就是一个函数
装饰器用来修饰AppComponent这个类
并设置这个类的一些属性值
组件能够理解为angular自定义的html标签,也能够理解为它是页面显示的一部份内容,这个内容多是整页,也多是页面的一部分
templateUrl:模板的路径
./表示的是当前目录
模板表达要怎么去显示,显示哪些内容
css的路径,能够有多个css
默认状况下建立的就一个
html
@NgModule修饰整个模块
模块有这些属性
declarations是一个数组,声明我这个模块有哪些组件,也能够说有哪些组件属于我这个模块
import:我这个模块自己,依赖什么其余模块
bootstrap:个人引导组件是什么,根模块才会有这个bootstrap这个属性,你进去个人模块后,我第一个给你呈现出来的是什么
这就是为何appComponent什么叫作根组件,它是一个引导组件java
main.ts是整个应用的入口,相似java中的main函数或者c语言中的main函数
它会去引导咱们的根模块,而后在根模块里面去引导跟组件
polyfills.ts
英文就是填充
不一样浏览器的兼容脚本加载
styles.css
全局的样式表
test.ts:测试入口
bootstrap