基本概念

font-awesome：提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。

官网：https://fontawesome.com/

非官方中文网：http://www.fontawesome.com.cn/

解决方案

方法一：npm安装

1、安装

npm install font-awesome --save

2、引入

import Vue from 'vue'
import App from './App.vue'
import router from "./router";
import $ from 'jquery'
import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/js/bootstrap.min.js';
import 'font-awesome/css/font-awesome.min.css';Vue.config.productionTip = falsenew Vue({render: h => h(App),router
}).$mount('#app')

方法二：下载

1、下载

在官网下载代码到本地，现在应该是font-awesome-4.7

2、拷贝

把font-awesome整个文件夹放到static文件夹中

3、修改HTML

在index.html中加上

<link rel="stylesheet" href="/static/font-awesome-4.7/css/font-awesome.min.css">

参考文章

https://segmentfault.com/q/1010000009795785/a-1020000009796355

https://www.cnblogs.com/CyLee/p/9391344.html

https://blog.csdn.net/qq_34258593/article/details/81316153

Vue 4.0——整合font-awesome解决方案相关推荐

vue 2.0 使用 Font Awesome
只需要两步,亲测有效下载依赖font awesome npm/cnpm install font-awesome --save 在入口文件main.js全局引入 import "font- ...
Vue应用框架整合与实战--Vue技术生态圈篇
实用框架以及工具 UI组件开发框架实用库服务端辅助工具应用实例 Demo示例 UI组件 Element-UI ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 ...
VUE 2.0 插件库
VUE 2.0 插件库 – https://blog.csdn.net/hjh15827475896/article/details/78207066 UI组件 element - 饿了么出品的Vue ...
看完后完全了解 Vue 2.0 和 Vue 3.0 的区别
1.数据的双向绑定 Vue2.0使用Object.defineProperty 原理:通过使用 Object.defineProperty 来劫持对象属性的 geter 和 seter 操作,当数据发 ...
vue 3.0 正式版_Vuejs 3 Release：One Piece. Vuejs 3.0 正式版发布！代号：海贼王
Vuejs 3.0 在北京时间2020年9月19日凌晨,终于发布了 3.0 版本,代号:One Piece.此次vue3.0 为用户提供了全新的 composition-api 以及更小的包大小,和更 ...
vue php企业站案例,vue 开发企业微信整合案例分析
本文实例讲述了vue 开发企业微信整合.分享给大家供大家参考,具体如下: 概述手机端程序可以和企业微信进行整合,我们也可以使用企业微信JSSDK功能,实现一些原生的功能. 整合步骤在整合之前需要阅 ...
新手入门指导：Vue 2.0 的建议学习顺序
起步 1. 扎实的 JavaScript / HTML / CSS 基本功.这是前置条件. 2. 通读官方教程 (guide) 的基础篇.不要用任何构建工具,就只用最简单的 <script> ...
SpringBoot2.0 整合 Redis集群 ,实现消息队列场景
本文源码 GitHub地址:知了一笑 https://github.com/cicadasmile/middle-ware-parent 一.Redis集群简介 1.RedisCluster概念 Re ...
Element 官方宣布了：Element UI for Vue 3.0 来了！
Element Plus for Vue 3.0 来了,这次真的来了! Element 开发团队宣布正式发布 Element Plus 的首个 beta 版本,Element Plus 是 Eleme ...

Vue 4.0——整合font-awesome解决方案