在这篇博文中，您将学习如何使用基础库创建您的第一个应用程序（更具体地说，是使用角度和基础库样式的基础库）。您也可以在这里找到应用程序的工作变体。

我们将使用一些组件（主要是按钮和警报），返利app开发，它们应该是这样的：

您可以通过单击按钮触发不同的警报。

前提条件

NPM–节点包管理器。下面是如何安装它的更多信息。Angular–一个基于TypeScript的开源web应用程序框架angularcli–Angular的命令行界面。下面是如何安装CLI的更多信息。IDE的选择。我们将使用Visual Studio代码。

创建第一个Angular应用程序

我们将使用Angular CLI命令行界面从头开始创建一个新的Angular应用程序。

第一步是决定要在何处创建应用程序并在该目录中打开一个终端。让我们用命令创建一个新的应用程序my cool ngx app：

然后，我们进入新创建的应用程序的文件夹并运行它：

您可以通过打开浏览器选项卡来测试应用程序是否正常运行:4200/, 应该是这样：

我们将删除生成的应用程序的内容：

用IDE打开应用程序。文件夹结构类似：

打开并删除文件内容app.component.htmland应用程序在上一节中，我们使用angularcli创建了一个新的Angular应用程序，我们运行并测试了它。我们还删除了使用CLI生成的模板内容。

在本节中，构建云服务器，我们将重点介绍如何为用户提供基础库。这将需要很少的步骤：

转到终端中应用程序的文件夹并运行命令：

它将要求您添加动画，选择Y：

这将做一些事情：

将@basical ngx/core包添加到您的直接依赖项中包.json它会安装的。将图标字体路径和72个字体文件添加到角度.json样式属性。这将包括这些文件作为已发布的资源，因此应用程序可以使用它们。

创建应用程序

现在您需要做的唯一一件事是导入并使用Angular（Core）的基础库中的组件。让我们为alert和buttonin导入模块应用模块ts：

我们现在可以在应用程序组件.html：

我们使用几个按钮来触发不同类型的警报（组件、模板、字符串），返利淘客，还有一个按钮用于切换主题。因此，大淘客网站，我们将创建一个新的文件警报-示例.component.ts，将作为警报内容打开：

我们使用的数据可以从触发警报的组件传递。在我们的示例中，这是属性标签。

作为最后一步，大数据分析过程，我们将在中添加一些逻辑应用组件.ts：

最终版本应用模块ts应该是这样：

这篇博文的目的是介绍一些基础图书馆的软件包。