【Angular 入门】学习总结二

环境搭建

一、angular程序架构

1.组件（angular应用基本构建块）组件之间可以互相嵌套。
2.指令（允许向html元素添加自定义行为）。
3.模块（将应用中不同部分组织成angular框架可以理解的单元）。
4.服务（用来封装可重用业务逻辑，服务和组件可以互相调用）。

二、搭建开发环境

安装Node.js,Angular Cli,Visual Studio
使用Angular Cli创建并运行项目
分析Angular项目的目录结构以及Angular Cli生成的基础代码

常用命令：

1.新建项目
ng new project（project为项目名称）

2.新建组件
ng generate component heroes（heroes为组件名称）或者：
ng g component heroes（heroes为组件名称

3.查看版本
ng version

4.启动运行 ng serve

ng new my-app
cd my-app
ng serve

自定义配置 IP, 端口和实时重载端口号

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153

5.打包编译 ng build
构建工件将存储在/dist目录中。

ng build可以指定构建目标（–target = production或–target = development）和要与该构建一起使用的环境文件（–environment = dev或–environment = prod）。 默认使用开发构建目标和环境。

# 生产构建
ng build --target=production --environment=prod
ng build --prod --env=prod
ng build --prod
# 开发构建
ng build --target=development --environment=dev
ng build --dev --e=dev
ng build --dev
ng build