#####################环境搭建
安装nodejs
获取npm默认的下载仓库下载地址
npm config get registry
修改Npm 默认的下载仓库下载地址 为国内地址
npm config set registry 新仓库地址，如 https://registry.npm.taobao.org/
安装并下载脚手架：
npm i -g @angular/cli
#####################创建项目
运行脚手架工具创建空白项目
管理员权限：
ng new 项目
cd 项目
npm start
运行项目
#####################项目介绍
(1)angular.json
main: ts主入口
index: 首页面,指定整个项目唯一完整的dom树
>自动引入了<app-root></app-root>,它就是DOM树
(2)main.js > bootStrapModule(AppModule)
引导启动目前惟一的模块
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.error(err));
(3)app.module.ts
bootstrap指的是引导启动，这里引导启动了AppComponent
> bootstrap [AppComponent] 组件
(4)app.components.ts
定义了组建的三部分，模板，样式，行为script
# 选择器,指定这个组件想被使用，需要引入的选择器
>selector: 'app-root'
#模板
>'./app.component.html'
#样式
styleUrls: ['./app.component.css']
#行为
export class AppComponent { title = 'myngapp01'; }
(5)./app.component.html >HTML片段...
#####################angular核心概念----模块
1.模块
angular 中模块就是一个抽象容器，用于给组件分组
angular 初始化时就只有一个模块：AppModule
1.组件
可以反复使用的页面片段，如页头，页尾，手风琴，文件树等
组件(compoment) =模板（template）+样式（style）+行为脚本（script）
提示：任务一个组件都必须放在模块（module）中！
angular 初始化时就只有一个模块：AppModule
1》自定义组件步骤
组件只能写在src 下，自己在app 目录下建组件
步骤：
1)定义别人使用的组件
export class Myco1Component{}
2)定义装饰器，用于指定这个组建:class的用途. 装饰器的本质是个函数。这里的装饰器，用的是组件，告诉 别人这个是个组件，需要租组建的三要素：模板，样式，行为脚本
@Component({
template: `<h2>我的组件C1</h2><hr/>>`
样式可以不写
脚本用下面的class 脚本
// 指定这个组件被别人使用的标识，[myc1]: [] 是作为属性来用， myc11: 当做页面元素来用，'.myc111' : .当做class的一个属性来用 /*** <div myc1="xxx"></div> * <myc1>xxx</myc1> * <p class="myc111" ></p> */
selector: 'myc1'
})
export class Myco1Component{}
3）在某个模块module中注册一下，就可以在其他任务的dom树种使用
创建一个组件
ng g component components\news
需要学习的东西：
1.html 基本标签用法
Modal:模型
