使用 Vue 设置
在将 Font Awesome 与 Vue.js 一起使用时，您可以使用我们官方的
vue-fontawesome组件来使一切变得完美。
我们推荐使用官方的 vue-fontawesome 组件（如下所述），该组件使用 SVG + JS 方法来渲染图标。但如果您愿意，也可以选择使用 使用 CSS 的 Web 字体 方法。
我们将介绍安装核心实用程序包、图标安装和安装 Vue 组件的基础知识，以便您可以按照自己的方式制作出很棒的东西！
按照以下步骤在您的项目中设置 vue-fontawesome 组件。
1. 添加 SVG 核心
首先，您需要使用 npm 或 yarn 来 **安装核心包**，其中包含使图标正常工作的所有实用程序
npm i --save @fortawesome/fontawesome-svg-core2. 添加图标包
接下来，您将 **安装** 您要使用的图标 — 您可以选择工具包包或 SVG 图标包，并选择任何 我们的样式。
对于 Pro 图标，您首先需要使用您的 Font Awesome 秘密 npm 令牌和全局或每个项目的访问权限来设置访问权限。
npm i --save @fortawesome/kit-KIT_CODE@latestnpm i --save @fortawesome/pro-solid-svg-iconsnpm i --save @fortawesome/pro-regular-svg-iconsnpm i --save @fortawesome/pro-light-svg-iconsnpm i --save @fortawesome/pro-thin-svg-iconsnpm i --save @fortawesome/pro-duotone-svg-iconsnpm i --save @fortawesome/sharp-solid-svg-iconsnpm i --save @fortawesome/sharp-regular-svg-iconsnpm i --save @fortawesome/sharp-light-svg-iconsnpm i --save @fortawesome/sharp-thin-svg-iconsnpm i --save @fortawesome/free-solid-svg-iconsnpm i --save @fortawesome/free-regular-svg-iconsnpm i --save @fortawesome/free-brands-svg-icons3. 添加 Vue 组件
最后，**安装 Font Awesome Vue 组件**
npm i --save @fortawesome/vue-fontawesome@latest-3npm i --save @fortawesome/vue-fontawesome@latest-2您已准备好添加图标！
就像阿纳金所说，它正在工作！我们所有的 图标 现在都已准备好为您项目的命令服务。 了解如何将它们添加到您的 Vue 项目中，然后利用它们的强大功能为您的 UI 带来秩序和样式！