## 准备项目文件
1. 项目文件仓库地址:
+ [ 后端项目仓库地址:https://e.coding.net/longdada/web-home/home-admin.git](https://longdada.coding.net/public/web-home/home-admin/git/files)
+ [后端UI仓库地址:https://e.coding.net/longdada/web-home/home-ui.git](https://longdada.coding.net/public/web-home/home-ui/git/files)
2. 安装git for windows
+ 打开git for windows [官网 ](https://gitforwindows.org/)
![](https://img.kancloud.cn/8f/9d/8f9dddbb4e666f28d4c01b6a992209d2_1426x604.png)
+ 下载git for windows 客户端
![](https://img.kancloud.cn/8d/ea/8dea6df4dca358478e8547e904a01986_1645x591.png)
+ 下载后得到一个exe文件 一路**默认选项**完成**安装**
![](https://img.kancloud.cn/ba/2e/ba2e2549e8a85a0a20621f3b8cbbb763_132x195.png)
3. 执行克隆命令 获取项目文件
+ 在存放**项目**的**目录**位置 右击**空白位置**打开 `git base here`
![](https://img.kancloud.cn/6d/28/6d282c01a7ffa18d2588aebb466dcf12_279x367.png)
+ 打开后如下图所示展示一个git for windows 的命令行界面
![](https://img.kancloud.cn/a2/43/a243f4fbdf61ef5f20a279a8d7151873_595x377.png)
+ 执行 `git clone https://e.coding.net/longdada/web-home/home-admin.git`
+ 仓库文件获取成功如下图所示:
![](https://img.kancloud.cn/aa/b6/aab65b044a572e6822ef26830bd3ce1f_559x146.png)
+ 执行 `git clone https://e.coding.net/longdada/web-home/home-ui.git`
+ 仓库文件获取成功如下图所示:
![](https://img.kancloud.cn/80/a3/80a3663a89eea3a9e974e138198bd9b9_542x149.png)
## 安装运行环境
1. 安装phpstudy 运行环境
+ 打开phpstudy[下载页面](https://www.xp.cn/download.html)
![](https://img.kancloud.cn/3a/ab/3aab22d7476a34be18cc34fb894c0007_1430x687.png)
+ 点击下载按钮 ,下载phpstudy安装包。 获取如下图所示文件
![](https://img.kancloud.cn/1b/e9/1be92a0fe4ea708d5bb1d48896e3a132_117x150.png)
+ 解压安装包
![](https://img.kancloud.cn/75/2b/752b2b070ed3daa527c38924b6138cc3_684x105.png)
+ 设置好安装目录,一路默认安装完成软件安装
5. 安装composer (PHP依赖管理工具(或称包管理器))
+ 启动安装好的phpstudy
![](https://img.kancloud.cn/5c/78/5c781dc52d0a9093ca23e3a52df76552_798x626.png)
+ 点击左侧`软件管理` --> `工具`
![](https://img.kancloud.cn/19/f3/19f3e6dc5a0dc2f5fcd4699d35a9d494_818x646.png)
+ 如**上图所示**,点击安装按钮完成安装
+ 右键点击`我的电脑`-->`属性`,打开属性设置页:
![](https://img.kancloud.cn/95/5f/955fdefc2eea67502e35fdfdcf7dde29_1127x627.png)
+ 点击`高级系统设置`,打开系统属性页:
![](https://img.kancloud.cn/c6/c6/c6c60cb2e78620830e092258d11014bf_480x592.png)
+ 点击环境变量,打开环境变量窗口:
![](https://img.kancloud.cn/89/0d/890d11488bd5a262a6eb369bb36cd1da_617x657.png)
+ 找到`系统变量`--->`path` 将刚刚composer安装目录设置到环境变量中方便全局调用:
![](https://img.kancloud.cn/62/24/62247adc75980ed6f718d5687d71ce9f_526x563.png)
+ 按住 win键+R键 启动运行命令窗口,如下图所示:
![](https://img.kancloud.cn/e3/2e/e32e7ad45486e533111db394864d6038_403x228.png)
+ 在运行命令窗口输入框输入 `cmd` 并**回车**
![](https://img.kancloud.cn/75/89/75899253c32b2e4248633a0d3140313d_402x225.png)
+ 打开本机cmd命令行
![](https://img.kancloud.cn/cc/70/cc707dc1d4a266a937d3c9afa50ec07a_979x508.png)
+ 输入命令`composer -V` 显示如下内容 即为安装成功
![](https://img.kancloud.cn/7a/05/7a05fc957b94700017749aa35e909a30_437x55.png)
+ 如composer 响应速度较慢,可以使用命令`composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/`设置国内源,进行提速
![](https://img.kancloud.cn/b4/7a/b47aa6ed17fd8dcbb68578b65800c887_841x51.png)
> 如上图所示,没有报错即为设置成功
6. 安装node.js
+ 打开node js [下载页](http://nodejs.cn/download/)
![](https://img.kancloud.cn/a2/96/a29660f8b7f6e1aa717101850656b5e4_1590x712.png)
+ 下载node.js安装包 完成后如下图所示:
![](https://img.kancloud.cn/8d/d8/8dd88bc246bbcc5ec3ad52f82c3e9d58_110x139.png)
+ 双击上图中的文件,一路默认进行安装。
+ 按住 win键+R键 启动运行命令窗口,如下图所示:
![](https://img.kancloud.cn/e3/2e/e32e7ad45486e533111db394864d6038_403x228.png)
+ 在运行命令窗口输入框输入 `cmd` 并**回车**
![](https://img.kancloud.cn/75/89/75899253c32b2e4248633a0d3140313d_402x225.png)
+ 打开本机cmd命令行
![](https://img.kancloud.cn/cc/70/cc707dc1d4a266a937d3c9afa50ec07a_979x508.png)
+ 分别运行`node -v`和`npm -v` ,如图所示即为安装成功:
![](https://img.kancloud.cn/4d/f2/4df27d3d4ce49af9119f3f3f8c591a8e_322x103.png)
+ 如npm 速度较慢,可以使用命令`npm config set registry https://registry.npm.taobao.org`设置国内源进行提速
![](https://img.kancloud.cn/f8/04/f8044202dad5a29391a023985f13360a_673x59.png)
> 如上图所示,没有报错即为设置成功
7. 安装 pnpm
+ 使用`npm install -g pnpm` 安装。
+ 使用`pnpm-v`检车pnpm 是否安装成功
![](https://img.kancloud.cn/b9/02/b902164aa0e8685bc5486c102b5c54c5_279x51.png)
> 至此 项目运行环境搭建完毕。 后端项目使用phpstudy运行,使用composer进行依赖管理,前端项目 使用pnpm进行项目管理。