如何使用 Visual Studio 2019 在 ASP.NET Core 2.2 中安装 Font Awesome [关闭]

Posted 2023-03-31

【中文标题】如何使用 Visual Studio 2019 在 ASP.NET Core 2.2 中安装 Font Awesome [关闭]

【英文标题】：How to install Font Awesome in ASP.NET Core 2.2 using Visual Studio 2019 [closed]

【发布时间】：2019-08-03 20:00:29

【问题描述】：

我正在努力寻找在 ASP.NET Core 2.2 中安装 Font Awesome 的最新安装指南

我尝试手动将文件导入到项目文件夹目录，然后尝试 NuGet 包路径，但没有任何效果，因为我遵循的所有指南都引用了 2.2 中不存在的步骤和文件夹/文件

刚接触 ASP.NET Core 可能无济于事 :(

【参考方案1】：

只是想在此处明确列出其他答案所描述的步骤。

将 Visual Studio 2019 (16.3.8) 与面向 .NET Core 3.0 的“ASP.NET Core Web 应用程序”项目结合使用，我执行以下操作以在客户端安装 Font-Awesome：

右键单击项目并选择“添加 > 客户端库...” 在弹出的表单中，选择 '

cdnjs

' 作为 Provider 并在 Library 输入文本框中输入 '

font-awesome

'，按 Enter 点击“安装” 该软件包将安装在 wwwroot/lib 文件夹下 在您的 .cshtml 页面中，添加您需要的样式表：<link rel="stylesheet" href="~/lib/font-awesome/css/all.min.css" />

【讨论】：

<link rel="stylesheet" href="~/lib/font-awesome/css/all.min.css" /> 你错过了/

对于无法打开此工具的任何人，请不要右键单击项目，而是右键单击 Visual Studio 解决方案资源管理器中的 wwwroot/lib 文件夹！

我正在尝试添加 fontawesome javascript 文件。如何按照这些步骤进行操作？

【参考方案2】：

有很多方法可以做到这一点，但在我看来，快速启动和运行的最简单方法是 A。

答：获取 CDN 托管版本的 font awesome（它是免费的！）

前往Font Awesome - Start 并使用有效的电子邮件地址生成“CDN 驱动的套件”。 您将收到一封带有“CDN 嵌入代码”的电子邮件，这只是一个脚本标签。 将 Pasta 的脚本标签复制到 _Layout 的脚本部分。

注意：你不会得到所有图标的智能感知，但它并不多，我最终还是在 font-awesome 的网站上直观地查找了我想要的图标。如果您发现您确实需要智能感知或想在断开连接的环境中使用 font-awesome，请参阅 B 部分。

B：一次性“安装”

前往 Font Awesome - Download 并下载 zip 文件 解压压缩包到wwwroot/lib/ 在您的 _Layout 中引用适当的内容。

    <!-- CSS -->
    <environment include="Development">
        <script src="~/lib/fontawesome-free-5.10.1-web/css/all.css"></script>
    </environment>

    <!-- ... --->

    <!-- JS -->
    <environment include="Development">
        <script src="~/lib/fontawesome-free-5.10.1-web/js/all.js"></script>
    </environment>

注意：在这个例子中，我只为开发环境放置了对 Font Awesome 的 CSS 和 JS 引用，这意味着您仍应使用 A 部分，但将 CDN 版本放在“生产”部分中。

<environment exclude="Development">
    <script src="https://use.fontawesome.com/abcdef1234.js"></script>
</environment>

注意：abcdef1234.js 不是真实文件，您在注册 CDN 包时会在电子邮件中收到您的特定文件

注意：CDN 版本没有需要添加的 CSS 文件，它被包裹在 JS 文件中。

终于

如果您确实需要比 ASP.NET Core 中包含的更多的包和字体真棒，我强烈建议您使用像 @Tony Ngo 指出的包管理器来获取您的库，LibMan 是一开始就很好。

【讨论】：

嗨，亚当，非常感谢您的帮助和写得非常好的答案，我相信许多其他人都会从中受益。

CSS文件不应该被<link>引用而不是<script>吗？

哈哈，是的。你得到一个 cookie。

【参考方案3】：

您可以尝试使用 LibMan 的 this 方法

然后将所有内容都包含到您的项目中，就像默认模板包括 bootstrap 和 jquery 一样

【参考方案4】：

如果您在项目中安装libman 并初始化，您可以：

右键单击项目并选择“添加 > 客户端库...”

https://docs.microsoft.com/en-us/aspnet/core/client-side/libman/libman-cli?view=aspnetcore-3.1

https://channel9.msdn.com/Events/Build/2017/B8073#time=43m34s