vue-element-admin完整项目实例

项目运行地址:https://panjiachen.github.io/vue-element-admin/#/login
项目地址:https://github.com/PanJiaChen/vue-element-admin
项目地址:(国际化)https://github.com/PanJiaChen/vue-element-admin/tree/i18n
项目介绍:https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/
项目效果:
在这里插入图片描述

正常流程执行运行

#入门指南
# clone the project
git clone https://github.com/PanJiaChen/vue-element-admin.git

# enter the project directory
cd vue-element-admin

# install dependency
npm install

# develop
npm run dev

#This will automatically open http://localhost:9527

npm install 报错

在这里插入图片描述
或者是下面的错误
git.EXE ls-remote -h -t git://github.com/

Git的安装教程https://www.cnblogs.com/ximiaomiao/p/7140456.html
此种解决方案

cd 项目根目录

git config --global url."https://".insteadOf git://

或者是下面的错误
Unexpected end of JSON input while parsing near错误解决办法

此种解决方案

解决办法:
(1)npm install --registry=https://registry.npm.taobao.org --loglevel=silly
(2) npm cache clean --force
(3) npm install

(1)安装会有很多的npm日志
如下图:
在这里插入图片描述
不用管它,直至执行结束,或者长时间停留在一处,则进行终止即可,实际缺少了某种东西,小编也不甚清楚。。。

错误解决

在这里插入图片描述
大功告成!

运行结果:

运行项目

npm run dev

在这里插入图片描述
在这里插入图片描述

供参考!

  • 40
    点赞
  • 310
    收藏
    觉得还不错? 一键收藏
  • 41
    评论
vue-element-admin qiankun是将vue-element-admin框架与qiankun微前端框架相结合的方案。 vue-element-admin是一个基于Vue.js和Element UI的前端框架,它提供了一套完整的后台管理系统解决方案,包括登录、权限管理、数据展示等功能。它使用了Vue的单文件组件的开发方式,使得代码结构清晰,并且提供了丰富的组件和插件,大大加快了开发速度。同时,它还使用了Element UI组件库,样式美观且易于使用。 而qiankun是一个基于微前端架构的开源框架,能够帮助我们将多个独立的前端应用整合到一个统一的页面中。它具有独立性、解耦性和可复用性等特点,可以将不同的前端应用打包成独立的子应用,再通过qiankun的主应用进行管理和展示。 将vue-element-admin与qiankun相结合,可以实现在一个页面中同时展示多个vue-element-admin的实例。这样做的好处是可以将不同模块的前端开发团队独立进行开发和维护,提高开发效率和代码的复用性,同时能够实现整体页面的动态切换和加载,提升用户体验。在使用过程中,qiankun提供了一些API和生命周期钩子函数,方便我们进行子应用之间的通信和数据共享。 总之,vue-element-admin qiankun是将两个优秀的前端框架相结合,能够提供更强大的前端开发和管理能力,可以应对更加复杂的项目需求,提升开发效率和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 41
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值