在Vue-CLI 3中引入Font-Awesome的方法
5星
- 浏览量: 0
- 大小:None
- 文件类型：PDF
简介：
本文将详细介绍如何在基于Vue-CLI 3创建的项目中集成流行的图标库Font-Awesome，帮助开发者轻松添加美观且响应式的矢量图标。
在 `package.json` 文件中添加：
```json
font-awesome: ^4.7.0
```
然后执行命令：
```bash
npm install
```
在 `main.js` 中引入：
```javascript
import font-awesome/css/font-awesome.min.css
```
补充知识：在 Vue2.0 项目中，要正确引入 font-awesome 并使其与 Element-ui 正确显示 icon，请按照以下步骤操作。
首先安装 font-awesome：
```bash
npm install font-awesome --save
```
然后在 `main.js` 中添加如下代码以引入字体样式：
```javascript
import font-awesome/css/font-awesome.css
```
这样，就可以确保项目中正确使用和展示 font-awesome 的图标了。
全部评论 (0)
还没有任何评论哟~
