Logo
Section 1 / 13

创建新项目

在本节课中,我们将为接下来要学习的一系列主题创建一个新项目。

导入

创建新项目

在本节课中,我们将为接下来要学习的一系列主题创建一个新项目。

现在是开始新项目的时候了!本项目的目标是创建一个带有认证功能的应用程序。用户在几乎任何你遇到的应用程序中都扮演着重要角色。在用户执行任何操作之前,必须先通过系统认证。认证的责任由服务器和客户端共同承担。

我们将探讨客户端如何实现认证,以及与认证相关的其他内容。

创建新项目

如果你在本地运行代码,则需要执行以下命令:

1ng new auth

在设置过程中,CLI 会提示你配置项目。我们将添加路由,因为我们接下来将学习如何根据用户的认证状态来限制页面访问。

安装 Bootstrap

项目安装完成后,进入新创建的目录,并安装 Bootstrap。我们将使用它来帮助实现样式。可以运行以下命令来安装 Bootstrap:

1npm i bootstrap

我们需要更新 styles.css 文件以导入 Bootstrap。

1@import "bootstrap/dist/css/bootstrap.css";

完成!以下是本项目将使用的代码库:

No configuration found for ID: 4c613150fa6fac27e145ed7e3328c5a75fc5d29a035dae01b9503d3fe08f88f9

模板表单

添加路由