Angular6

概述

Angular的结构基于组件/服务架构；AngularJS基于模型视图控制器（Angular1）

Ng5功能

HTTPClient API
多个导出别名
构建优化器：引入构建优化器优化构建大小

Ng6说明

Angular 6与Angular4的结构相同，但与Angular4相比更快. Angular6使用TypeScript 2.9版本

Angular项目构建

npm i @angular/cli 下载命令行工具 ng new projectName 设置Angular项目名称进入到生成的项目文件路径中 ng serve 构建应用程序并启动web服务器

Angular文件夹结构：

e2e : 端到端测试文件夹.主要是e2e用于集成测试，有助于确保应用程序正常运行.

node_modules : 安装的npm包是node_modules.您可以打开文件夹并查看可用的软件包

.angular.json : 它基本上包含项目名称，cli版本等.

.editorconfig : 编辑器的配置文件

karma. conf.js : 这用于通过量角器进行单元测试.项目所需的所有信息都在karma.conf.js文件中提供.

package.json : package.json文件告诉你在运行npm install时将哪些库安装到node_modules中.

protractor.conf.js : 这是应用程序所需的测试配置.

tsconfig.json : 这基本上包含编译期间所需的编译器选项.

tslint.json : 这是配置文件，其中包含编译时要考虑的规则.

src : 这个文件夹是使用Angular处理项目的地方

app : 这些文件默认由a ngular-cli安装，是整个项目的核心文件模块

app.module.ts : 将所有库进行统一模块声明和导入

app.component.css : 组件样式

app.component.html : 组件HTML结构

app.component.spec.ts : 自动生成的文件，包含源组件的单元测试

app.component.ts : 自定义组件的类

assets : 保存js，图像等文件

environments : 包含生产和开发的环境信息

favicon.ico : 文件网站目录

index.html : 浏览器中显示的文件

main.ts : 开始开发项目的文件，首先导入基本模块

polyfill.ts : 向后兼容

styles.css : 项目所需样式文件

test.ts : 处理测试项目的单元测试用例

Angular组件创建

ng generate component [cmpName]:此命令行会在app父组件文件夹中创建新的子组件文件夹

Angular服务器创建

ng generate service [serviceName]:此命令行会在app文件夹中创建两个ts文件

个人学习笔记 - Angular6