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

最新推荐文章于 2023-11-26 19:39:14 发布

原创

最新推荐文章于 2023-11-26 19:39:14 发布 · 542 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#计算机

本文介绍了如何使用Vue和elementUI搭建后台管理系统，详细讲解了安装elementUI、设置路由和引入Vuex的步骤。在安装elementUI时，通过--save保存依赖，并在main.js中全局引用。接着，安装vue-router并配置路由文件。最后，安装Vuex并创建store文件夹，用于集中管理状态。

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

https://blog.youkuaiyun.com/m0_56069948/article/details/122285951

Python实战量化交易理财系统

https://blog.youkuaiyun.com/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')