一、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等等。