安装包准备工作：

 安装好以下程序

• nodejs 本文中使用的是v22.14.0
• npm 本文使用10.9.2
• pnmp 本文使用的是 9.15.3
• JAVA版本是jdk17
• GIT 客户端用于下载github element plus admin 源码

IDE准备工作

安装好以下IDE

•  VScode

• IntelliJ IDEA 2024.1.1

如果你使用的 IDE 是vscode的话，可以安装以下工具来提高开发效率及代码格式化：

• Iconify IntelliSense - Iconify 图标插件
• unocss - unocss 提示插件
• I18n-ally - i18n 插件
• Volar - vue 开发必备
• ESLint - 脚本代码检查
• Prettier - 代码格式化
• Stylelint - css 格式化
• DotENV - .env 文件 高亮

本文不详细讨论以上程序安装过程，详细安装过程请自行搜索文章安装

下载vue-element-plus-admin 源代码

注意：

存放代码的目录及所有父级目录不能存在中文、韩文、日文以及空格，否则安装依赖后启动会出错。

#从 GitHub 获取代码

# clone 代码
git clone https://github.com/kailong321200875/vue-element-plus-admin.git

#从 Gitee 获取代码

git clone https://gitee.com/kailong110120130/vue-element-plus-admin.git

安装依赖

#Pnpm 安装

推荐使用 Pnpm进行依赖安装（若其他包管理器安装不了需要自行处理）。

如果未安装 Pnpm，可以用下面命令来进行全局安装

# 全局安装 pnpm
npm i -g pnpm

# 验证
pnpm -v

#安装依赖

在项目根目录下，打开命令窗口执行，耐心等待安装完成即可

# 安装依赖
pnpm install

安装依赖时 husky 安装失败

请查看你的源码是否从 Github 或者 Gitee 直接下载的，直接下载是没有 .git 文件夹的，而 husky 需要依赖 git 才能安装。此时需使用 git init 初始化项目，再尝试重新安装即可。

当依赖安装完成后，执行以下命令即可启动项目：

pnpm run dev

在浏览器输入上面local的url登录页面如下图所示，

在登录页面里，填入用户名admin 和密码admin 进入页面展示

更多参考能容请访问官网：https://element-plus-admin-doc.cn/