在 Laravel 中安装和使用 Font Awesome 图标

在本节中，我们将使用 Laravel 来安装 Font Awesome。我们将讨论一个简单的例子来理解在 Laravel 中使用 font-awesome。在下面的例子中，我们将安装 font-awesome laravel 7。

现在，了解使用 laravel mix 安装 Font Awesome 图标的分步过程。 Font Awesome 可以通过两种方式在 Laravel 中安装，我们将通过两个示例进行解释。在我们的第一个示例中，我们将使用 npm 命令和 laravel mix。在我们的第二个示例中，我们将使用 cdn js。 Font Awesome 图标可以轻松地用于 laravel 版本，如 6、7 和 8。安装图标的分步过程如下

示例 1：使用 Namp 安装

首先，将安装 Laravel 的最新版本。 为此，将运行以下命令。

现在我们将使用我们的 laravel 应用程序并安装 npm。 为此，将使用以下命令。 使用此命令，将在我们的根目录中创建 mode_module 文件夹，该文件夹将存储所有 npm 模块。

现在，我们将使用以下 npm 命令并安装 font-awesome 库

成功安装此库后，我们将使用 app.scss 文件并在其上导入 font awesome CSS。 我们可以使用以下命令导入它

resources/sass/app.scss

现在一切都已安装。 所以我们可以运行 npm dev 命令。 我们将使用以下命令来运行它

在下面的代码中，我们正在我们的 blade 文件中使用我们生成的 app.css 文件

resources/views/welcome.blade.php

现在我们上面的应用程序已准备好运行，并在主页上查看它。 运行此应用程序后，我们将获得以下布局。

示例 2：使用 CDNJS 安装

现在我们将通过使用 cdn js 文件添加 Font Awesome 图标。 添加此的代码描述如下

resources/views/welcome.blade.php

在执行上述任何一个示例后，我们将获得以下输出