2024-07-28 14:29:05 +08:00
|
|
|
---
|
|
|
|
outline: deep
|
|
|
|
---
|
|
|
|
|
|
|
|
# 快速开始 {#quick-start}
|
|
|
|
|
|
|
|
## 前置准备
|
|
|
|
|
|
|
|
::: info 环境要求
|
|
|
|
|
|
|
|
在启动项目前,你需要确保你的环境满足以下要求:
|
|
|
|
|
2024-08-01 17:17:14 +08:00
|
|
|
- [Node.js](https://nodejs.org/en) 20 及以上版本,推荐使用 [fnm](https://github.com/Schniz/fnm) 或者 [nvm](https://github.com/nvm-sh/nvm) 进行版本管理。
|
2024-07-28 14:29:05 +08:00
|
|
|
- [Git](https://git-scm.com/) 任意版本。
|
|
|
|
|
|
|
|
验证你的环境是否满足以上要求,你可以通过以下命令查看版本:
|
|
|
|
|
|
|
|
```bash
|
|
|
|
# 出现相应 node LTS版本即可
|
|
|
|
node -v
|
|
|
|
# 出现相应 git 版本即可
|
|
|
|
git -v
|
|
|
|
```
|
|
|
|
|
|
|
|
:::
|
|
|
|
|
|
|
|
## 启动项目
|
|
|
|
|
|
|
|
### 获取源码
|
|
|
|
|
|
|
|
::: code-group
|
|
|
|
|
|
|
|
```bash [GitHub]
|
|
|
|
# clone 代码
|
|
|
|
git clone https://github.com/vbenjs/vue-vben-admin.git
|
|
|
|
```
|
|
|
|
|
|
|
|
```bash [Gitee]
|
|
|
|
# clone 代码
|
|
|
|
# Gitee 的代码可能不是最新的
|
|
|
|
git clone https://gitee.com/annsion/vue-vben-admin.git
|
|
|
|
```
|
|
|
|
|
|
|
|
:::
|
|
|
|
|
|
|
|
::: danger 注意
|
|
|
|
|
|
|
|
注意存放代码的目录及所有父级目录不能存在中文、韩文、日文以及空格,否则安装依赖后启动会出错。
|
|
|
|
|
|
|
|
:::
|
|
|
|
|
|
|
|
### 安装依赖
|
|
|
|
|
|
|
|
在你的代码目录内打开终端,并执行以下命令:
|
|
|
|
|
|
|
|
```bash
|
|
|
|
# 进入项目目录
|
|
|
|
cd vue-vben-admin
|
|
|
|
|
|
|
|
# 使用项目指定的pnpm版本进行依赖安装
|
|
|
|
corepack enable
|
|
|
|
|
|
|
|
# 安装依赖
|
|
|
|
pnpm install
|
|
|
|
```
|
|
|
|
|
|
|
|
::: tip 注意
|
|
|
|
|
|
|
|
项目只支持使用 `pnpm` 进行依赖安装,默认会使用 `corepack` 来安装指定版本的 `pnpm`。:
|
|
|
|
|
|
|
|
:::
|
|
|
|
|
|
|
|
### 运行项目
|
|
|
|
|
|
|
|
执行以下命令即可运行项目:
|
|
|
|
|
|
|
|
```bash
|
|
|
|
# 启动项目
|
|
|
|
pnpm dev
|
|
|
|
```
|
|
|
|
|
2024-07-28 17:01:19 +08:00
|
|
|
现在,你可以在浏览器访问 `http://localhost:5555` 查看项目。
|