vue框架、element-ui组件库、font awesome图表库

ad_m1n

于 2023-01-06 21:51:39 发布

阅读量559

点赞数

分类专栏： Springboot 文章标签： web

本文链接：https://blog.youkuaiyun.com/hacker_zrq/article/details/128585368

版权

Springboot 专栏收录该内容

7 篇文章

订阅专栏

文章介绍了如何使用VueCLI创建项目，以及应用ElementUI和ArcoDesign组件库。此外，还提到了FontAwesome这个图标库的安装和使用，以及提及了chart.js等图表库在数据可视化中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、vue

创建一个新vue项目。

vue create ProjectName

然后cd到该目录下，npm run serve启动服务器，即可打开。

二、组件库

element-ui是饿了么的，ArcoDesign是字节的，有很多。

install见官方文档：组件 | Element

导入vue项目：

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

使用：见官网的示例代码

三、font awesome

一个比较出名的图标库，其他的还有Fontisto等

图标库 – Font Awesome 中文网

安装：先cd到项目目录，然后

npm install font-awesome

导入项目：

import 'font-awesome/css/font-awesome.min.css'

使用：

    <i class="fa fa-camera-retro"></i>

四、图表库

还有一些图表库，例如chart.js等等。