前端框架-Angular5 说明与分析

简介

　　Angualr 是一款来自谷歌的开源的 web 前端框架，诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。
这里写图片描述

Angular、Vue、React对比分析

　　Angular1也叫做AngularJs，由于从Angular2之后有了重大的改变，从开发方式来看完全基于TypeScript，和以前 AngularjsJS 对比就像一款新的框架。随着之后 Vue 和 React 的出现，很多人慢慢的开始使用 Vue 这样的轻量级框架。其实 Angular2到当下Angular5都要比 React 简单很多,只要入门开发起来比Vue 也
要简单。下面来看看这三个框架的对比：
Angular-React-Vue

使用Angular5建立第一个项目

检查 Node.JS 版本

　　在cmd窗口中运行命令 node -v 和 npm -v，来检查已有的
node 和 npm 版本。

全局安装 Angular CLI

1.1使用 npm 命令安装

npm install -g @angular/cli

1.2使用 cnpm 命令安装 (国内镜像)

cnpm install -g @angular/cli

创建项目

1.1.通过 cmd 找到你要创建项目的目录
1.2通过命令创建项目 ng + new + 项目名称

ng new first-app

启动项目

1.1安装项目的所需依赖

cnmp install

1.2运行项目

ng serve

分析Angular5建立的项目结构

这里写图片描述

e2e	在e2e目录下是端到端（End-to-End）测试。
node_modules	Node.js创建了这个文件夹，并且把package.json中列举的所有第三方模块都放在其中。
Src	项目的所有文件都放在 src 里面，所有的Angular 组件、模块、服务、管道任何东西都在

小结

　　因为做项目的缘故接触到了Angular框架，使用中最喜欢它对于SPA应用中所使用的各种路由功能，很好的设计让页面组件之间的跳转可以更加高效炫酷的展示。