前端框架-Angular5 说明与分析

发布时间：2020-12-17 08:16:24 所属栏目：安全来源：网络整理

导读：简介 Angualr 是一款来自谷歌的开源的 web 前端框架，诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。 Angular、Vue、React对比分析 Angular1也叫做AngularJs，由于从Angular

简介

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

Angular、Vue、React对比分析

　　Angular1也叫做AngularJs，由于从Angular2之后有了重大的改变，从开发方式来看完全基于TypeScript，和以前 AngularjsJS 对比就像一款新的框架。随着之后 Vue 和 React 的出现，很多人慢慢的开始使用 Vue 这样的轻量级框架。其实 Angular2到当下Angular5都要比 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应用中所使用的各种路由功能，很好的设计让页面组件之间的跳转可以更加高效炫酷的展示。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!