🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 准备项目文件 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进行项目管理。