创建新项目

现在是时候学习模块了。模块是一种将一组具有共同目的的组件进行分组的方式。它们是按功能组织应用程序的绝佳方法。在本节中，我们将深入探讨这一点。首先，让我们创建一个新项目。

带路由的新项目

我们将在本项目中关注多个主题。它将比我们之前做的项目更大。我们将包含路由功能。

如果你在本地运行代码，请执行以下命令：

1ng new website --routing

在设置过程中，CLI 会询问你项目的默认配置。通常，它会问你是否要添加路由。通过添加 --routing 选项，它可以跳过这个问题，并自动为你安装路由。其他设置可以保持默认值。

或者，你也可以不加 --routing 选项直接运行命令，在设置过程中选择是否安装路由。两种方式最终效果相同。

安装 Bootstrap

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

1npm i bootstrap

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

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

完成了！这就是我们本项目所使用的代码库：