Vue+element搭建后台管理系统-二、安装插件

Python微信订餐小程序课程视频

https://blog.csdn.net/m0_56069948/article/details/122285951

Python实战量化交易理财系统

https://blog.csdn.net/m0_56069948/article/details/122285941
我们继续上一章的内容，上一章讲到我们已经能将项目成功跑起来了，那么我们接下来把项目必用的东西完善一下。

一、安装elementUI

终于到了我们的男二了，继续在VSCode中新建一个终端，然后通过这个命令来安装：

npm i element-ui -S

至于为什么要-S呢？即–save（保存）包名会被注册在package.json的dependencies里面，在生产环境下这个包的依赖依然存在。

安装完成之后呢，我们要通过导入才能在项目中使用，可以在main.js中做全局引用：

import Vue from 'vue'
import App from './App.vue'
//引入elementUI
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css'; //样式文件一定要引入

Vue.config.productionTip = false

Vue.use(ElementUI)
new Vue({
 render: h => h(App),
}).$mount('#app')

这样就可以做到全局引入，如果在实际开发中用到UI框架的插件没有很多，也是可以通过按需引入的，下面来说说如何按需引入：

import { Message} from 'element-ui';
Vue.use(Message)
<