项目修改angular版本_如何将Angular项目更新到最新版本

项目修改angular版本

在本文中，我们将研究如何将Angular项目更新到最新版本。

本文是SitePoint Angular 2+教程的第6部分，该教程介绍如何使用Angular CLI创建CRUD应用程序。

1. 第0部分— Ultimate Angular CLI参考指南
2. 第1部分-启动并运行我们的Todo应用程序的第一个版本
3. 第2部分-创建单独的组件以显示待办事项列表和一个待办事项
4. 第3部分-更新Todo服务以与REST API通信
5. 第4部分-使用Angular路由器解析数据
6. 第5部分-添加身份验证以保护私有内容
7. 第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必须既稳定又不断发展。