vue-element-admin完整项目实例

article/2025/1/9 16:33:14

项目运行地址: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

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

供参考!


http://chatgpt.dhexx.cn/article/WKwZTyd5.shtml

相关文章

购物车——js小项目实例

购物车——js小项目实例 首先构思好整体样式 添加点击事件🍁事件委托🍁接下来就是各种函数的书写 最后附上完整js代码 短短几周,js阶段的学习已然结束,结课作业就是实现一个购物车功能 功能: 1、可以添加商品 2、全选…

SpringBoot+Vue项目实例开发及部署

目录 一、SpringBoot快速上手 1、SpringBoot介绍 2、SpringBoot特点 3、快速创建SpringBoot应用 4、SpringBoot开发热部署 二、Web开发基础 1、Web入门 2、控制器 3、路由映射 4、参数传递 三、Web开发进阶 1、静态资源访问 2、文件上传原理 3、拦截器 四、构建…

微信小程序项目实例——手势解锁

微信小程序项目实例——手势解锁 文章目录 微信小程序项目实例——手势解锁一、项目展示二、设置手势、手势解锁三、手势重置文末:项目代码 项目代码见文字底部 一、项目展示 这是一款简单实用的手势解锁工具 手势解锁是当下常用的解锁方式 本实例以工具的形式 可以…

微信小程序项目实例——家居团购

微信小程序项目实例——家居团购 文章目录 微信小程序项目实例——家居团购一、项目展示二、首页三、购物车四、个人中心 项目代码见文字底部 一、项目展示 二、首页 首页由建材市场、团购活动、公益验房和线上拼团组成 从上到下分为广告区、导航区、内容区 核心代码如下&…

微信小程序项目实例——飞机大战

微信小程序项目实例——飞机大战 文章目录 微信小程序项目实例——飞机大战一、项目展示二、设计介绍三、总结 项目代码见文字底部,点赞关注有惊喜 一、项目展示 二、设计介绍 游戏和传统的飞机大战模式一样 这里设置了三种敌机和自家飞机的受损图 同时游戏设计了道…

微信小程序项目实例——双人五子棋

微信小程序项目实例——双人五子棋 文章目录 微信小程序项目实例——双人五子棋一、项目展示二、项目核心代码三、效果展示文末 项目代码见文字底部,点赞关注有惊喜 一、项目展示 微信小程序项目实例——双人五子棋 双人五子棋是一款游戏小程序 两位选手可以在15x1…

Android开发之项目实例(登录,注册)

Android开发 实现登录注册界面 前言: 今天项目刚刚做完,我就迫不急待的想分享一下,自己通过实例项目踩过的坑以及遇到遇到的困难发表一下,以便刚刚接触的伙伴跳跳坑,也便于自己在今后的开发中巩固,此篇文…

Django新手项目实例

1. 程序安装 (1)安装Django: pip3 install django(2)配置系统环境 成功安装Django后,在python目录script路径可找到django-admin.exe文件,将它加入操作系统环境变量中。这样以后调用会比较方便…

微信小程序项目实例——印记

微信小程序项目实例——印记 文章目录 微信小程序项目实例——印记一、项目展示二、日记列表三、日记发布文末 项目代码见文字底部,点赞关注有惊喜 一、项目展示 印记是一款简洁便利的日记本,用户可以在其中发布自己的日记本,同时也可以查看…

微信小程序项目实例——备忘录

微信小程序项目实例——备忘录 文章目录 微信小程序项目实例——备忘录一、项目展示二、项目介绍三、核心代码 项目代码见文字底部,点赞关注有惊喜 一、项目展示 二、项目介绍 项目是一个备忘录,拥有记录文字、计时和提醒的基本功能 项目只有一个页面&…

微信小程序项目实例——幸运大转盘

微信小程序项目实例——幸运大转盘 文章目录 微信小程序项目实例——幸运大转盘一、项目展示二、抽奖页三、领奖页文末:项目代码 项目代码见文字底部,点赞关注有惊喜 一、项目展示 幸运大转盘是一个简单的抽奖小程序 参与用户点击抽奖便可抽取轮盘的奖品…

微信小程序项目实例——狼人杀

微信小程序项目实例——狼人杀 文章目录 微信小程序项目实例——狼人杀一、项目展示二、首页三、游戏页四、特殊角色文末 项目代码见文字底部,点赞关注有惊喜 一、项目展示 狼人杀是一款多人参与的,通过语言描述推动、较量口才和分析判断能力的策略类桌…

project实操——项目实例

1. 新建项目 2. 设置项目日历 可以设置每周工作几天,每天工作几小时 点击 项目 -> 更改工作时间 在弹出窗口上,选择下方的“”工作周“选项卡,点击右侧的【详细信息】按钮 系统打开的详细信息窗口上, 选中左侧列表中的“周六…

Android Studio同步远程Git代码到本地

前一篇文件说如何将本地代码同步到远程Git服务器(将代码同步到远程Git服务器),这篇说说如何在Android Studio中将远程代码同步到本地。 环境说明: 1、本地需要安装有git环境 2、Android Studio 3、存放项目的远程服务器地址&a…

git 同步远程和本地的同名分支

首先正常创建一个本地仓库,添加内容,跟远程关联 git init git add . git commit -m "" git remote add origin 远程仓库地址 如果在本地创建了一个新的分支 git checkout -b branch_one 然后将该分支直接推动到远程进行同步 git push -u …

使用git 实现本地文件和远程代码仓的互相同步

一、关于Git的安装与配置,可以参考这两篇文章 Git 详细安装教程(详解 Git 安装过程的每一个步骤) GitHub的安装与配置 二、同步本地文件与代码仓常规流程 1、在github上创建项目2、使用git clone https://github.com/xxxxxxx/xxxxx.git 克…

git(实现代码存档和同步)

远程仓库就是github,码云这些之类的,所有人都以远程仓库的文件作为最新版本 每个人都有自己的工作区(本地电脑里面的一个文件夹),每个人都可以用clone把最新版本的文件复制到本地 比如我现在有四个文件,但…

[Git] 本地代码库和远程同步

一 前言 这本来不是一个很严重的问题, 有很多办法可以处理, 但是对于Git新手来说, 会觉得非常可怕, 因为不知道怎么恢复之前的状态, 不知道当前状态上传上去会造成什么影响, 最怕的是影响到master之类的主分支, 然后把别人的工作搞丢, 那就完蛋了. 我刚开始接触Git的时候, 上…

git操作之同步代码到仓库

1、先创建一个仓库,然后把创建的空仓库克隆到本地;2、把程序拷贝到本地的仓库中,然后再进行下列操作;(1)git add . 保存全部内容(2)git commit -m "项目描述"(3) git pu…

如何将git服务器同步到本地文件夹,使用git在服务器上部署git仓库并实现提交代码时同步代码到生产环境...

最近由于需要对正在运行的系统进行新功能添加,本来是可以通过github进行代码维护,但是由于这个项目涉及一些问题,目前还不能开源,所以只能是手动覆盖bug文件,生产环境上的代码反而是最新的了。 之前有个思路&#xff0…