项目修改angular版本
在本文中,我们将研究如何将Angular项目更新到最新版本。
本文是SitePoint Angular 2+教程的第6部分,该教程介绍如何使用Angular CLI创建CRUD应用程序。
- 第0部分— Ultimate Angular CLI参考指南
- 第1部分-启动并运行我们的Todo应用程序的第一个版本
- 第2部分-创建单独的组件以显示待办事项列表和一个待办事项
- 第3部分-更新Todo服务以与REST API通信
- 第4部分-使用Angular路由器解析数据
- 第5部分-添加身份验证以保护私有内容
- 第6部分—如何将Angular项目更新到最新版本。
在第1部分中,我们学习了如何启动和运行Todo应用程序并将其部署到GitHub页面。 这样做很好,但不幸的是,整个应用程序都挤在一个组件中。
在第2部分中,我们研究了模块化程度更高的组件体系结构,并学习了如何将单个组件分解为较小的组件的结构化树,这些树更易于理解,重用和维护。
在第3部分中,我们更新了应用程序以使用RxJS和Angular的HTTP服务与REST API后端进行通信。
在第4部分中 ,我们介绍了Angular Router,并了解了当浏览器URL更改时路由器如何更新我们的应用程序,以及如何使用路由器从后端API解析数据。
在第5部分中 ,我们向应用程序添加了身份验证,并了解了如何保护应用程序中的部分免受未经授权的访问。
不用担心 您无需遵循本教程的第1、2、3、4或5部分就可以理解6。 您可以简单地获取我们的仓库的副本,查看第5部分中的代码,并将其用作起点。 下面将对此进行详细说明。
启动并运行
要开始我们更新Angular的目标,请确保您已安装最新版本的Angular CLI。 如果没有安装,则可以使用以下命令进行安装:
npm install -g @angular/cli@latest
如果需要删除以前版本的Angular CLI,则可以:
npm uninstall -g @angular/cli angular-cli
npm cache clean
npm install -g @angular/cli@latest
之后,您将需要第5部分中的代码的副本。可以在GitHub上找到它 。 本系列中的每篇文章在存储库中都有一个相应的标记,因此您可以在应用程序的不同状态之间来回切换。
我们在第5部分结尾并在本文中开始的代码被标记为part-5 。 本文结尾处的代码被标记为part-6 。
您可以将标签视为特定提交ID的别名。 您可以使用git checkout
在它们之间切换。 您可以在此处阅读更多内容 。
因此,要启动并运行(安装了最新版本的Angular CLI),我们可以这样做:
git clone git@github.com:sitepoint-editors/angular-todo-app.git
cd angular-todo-app
git checkout part-5
npm install
ng serve
然后访问http:// localhost:4200 / 。 如果一切顺利,您应该会看到正在运行的Todo应用程序。
更新角度:我们的攻击计划
在本文中,当我们更新Angular时,我们将学习以下内容:
- Angular版本如何工作
- 在哪里可以找到有关如何更新Angular的说明
- 如何将我们的代码从Angular 4更新到Angular 5(在撰写本文时,Angular 5是最新版本)。
到本文结尾,您将了解:
- 特定Angular版本的基本含义
- 在哪里可以找到有关如何更新Angular应用程序的确切说明
- 如何确定Angular 5需要哪些代码更改(如果有)。
让我们开始吧!
角度版本的含义
为了支持蓬勃发展的生态系统,Angular必须既稳定又不断发展。
![](https://i-blog.csdnimg.cn/blog_migrate/2fa08bc93cfbe36342e67f4965283abb.png)