角度框架开发移动商城App

Angular、React和Vue是三种最流行的web前端开发框架。本课程将比较三种框架的优势、学习成本、市场知名度和份额。要学习Angular，您只需要具备一定的JS基础就可以快速开始使用typeScript（开发AngulalApp所必需的面向对象脚本语言），然后使用AngularCLI脚手架工具构建项目开发环境。使用Angular的核心功能，如组件、服务、指令、模块和路由，您可以开发移动商城App，并最终将其打包到Android或IOSApp中。

形象

1、 角度、反应和Vue的比较

Angular是一个基于TypeScript的Javascript框架。它由谷歌开发和维护，被描述为“超级英雄JavaScript MVW框架”。Angular（也称为“Angular2+”、“Angullar2”或“ng2”）是对Angular-JS（也称为Angular.JS”或“Angula JS1.x”）的重写。他们中的大多数都是升级了兼容性的继任者。尽管AngularJS最初于2010年10月发布，但它仍在修复错误和其他问题。新的Angular（sans JS）于2016年9月发布，版本2。最新的主要版本是版本4，版本3被跳过。谷歌、Wix、weather.com、医疗保健。谷歌和福布斯正在使用Angular。

Angular团队计划每六个月发布一个主要版本，因此Angular5将于2017年底发布，Angular-6和Angular/7也将分别于2018年6月和2018年12月发布。未来版本的Angular不会像Angular1.x和Angular.x那样发生重大变化。x、 Angular6.x和Angular 7.x的开发方式与现在相同。

React被描述为“用于构建用户界面的JavaScript库”。React最初于2013年3月发布，由Facebook开发和维护，并在多个页面上使用React组件（而不是作为单个页面App）。根据克里斯·科德尔（Chris Cordle）撰写的这篇文章，React在Facebook上的使用比在谷歌上的Angula r多得多。Airbnb、Uber、Netflix、Twitter、Pinterest、Reddit、Udemy、Wix、Paypal、Imper、Feedly、Stripe、Tumblr、Walmart等也认可React。

Vue是2016年发展最快的JS框架之一，Vue将自己描述为“一个直观、快速、可组合的MVVM框架，用于构建交互式界面”。该框架于2014年2月由谷歌前员工尤玉玺首次发布，当时他写了一篇关于营销活动和数字的有趣博客。这是一场非常成功的比赛，尤其是考虑到Vue在没有大公司支持的情况下，与一个人的表演一样具有吸引力。Vue目前有一组核心开发人员。2016年，第2版发布。Vue被阿里巴巴、百度、Expedia、任天堂和GitLab使用。小型项目列表可以在madewithvuejs.Com上找到。

形象

形象

React、Angular和Vue都很好，没有一个明显高于其他人。如何选择？

如果你在谷歌工作：角度

如果您喜欢TypeScript:Angular（或React）

如果你喜欢面向对象编程（OOP）：角度

如果您需要指导、结构和帮助：角度

如果你在Facebook上工作：React

如果你喜欢灵活性：反应

如果你想从几十个包中选择：React

如果你喜欢JS&“一切都是Javascript方法”：React

如果你喜欢干净的代码：Vue

如果你想要最简单的学习曲线：Vue

如果你想要最轻量级的框架：Vue

如果你独自工作或有一个小团队：Vue（或React）

如果App变得非常大：Angular（或React）

如果您想使用react native构建App：react

如果你想有很多像你这样的开发者：Angular（或React）

如果您与设计师合作，需要干净的HTML文件：Angular（或Vue）

如果你喜欢Vue但害怕有限的生态系统：React

2、 构建Angular6项目开发环境

前端技术堆栈

Html5、css3、JavaScript、Webpack、TypeScript、Angular6、AJAX（http模块）、ant Design UI组件

后台技术堆栈

php+mysql/java+mysql/asp。net+sql服务器

nodejs-epress+mongoDB/nodejs-epress+Mysql

构建前端开发环境

脚手架安装

npm安装-g@angular/cli

创建项目将自动安装依赖项

Ng新项目名称路由

例如：ng new legouApp--路由

输入项目目录并安装依赖项。您不能使用cnpm。原因是，当webpack将项目打包到项目的95%时，它将被卡住。因此，您不能使用cnpm

cd本地App

Npm i或纱线安装

运行项目

ng发球--打开

蚂蚁D环境的构建

官方网站

执行指令ng add ng zorro antd

帮助我们完成模块安装、模块导入和配置以及样式导入，测试antD和angel是否可用，并将组件标签复制到