TP6-Vue-Admin 安装配置教程：从零到可访问的实操指南
【免费下载链接】tp6-vue-admin基于thinkphp6+vue2.6+element2.13 前后端分离落地解决方案项目地址: https://gitcode.com/gh_mirrors/tp/tp6-vue-admin
这篇文章只解决一个问题：带你把 tp6-vue-admin 安装、配置并部署到本地，最终能登录进后台。tp6-vue-admin 是一套基于 ThinkPHP 6 + Vue 2.6 + Element UI 的前后端分离后台管理系统，适合需要快速搭企业级管理后台的开发者。下面跟着敲命令，跑起来为止。
检查环境依赖
花 30 秒对照下表确认能开工：
| 依赖 | 最低版本 | 备注 |
|---|---|---|
| PHP | 7.1 | 后端运行环境，建议 7.4 |
| Composer | 任意 | PHP 包管理工具（自动装依赖） |
| Node.js | 14.18.1 | 前端用的 node-sass 在 Node 16+ 上装不上 |
| npm | 6+ | 随 Node.js 自带 |
| MySQL | 5.7 | 存业务数据 |
| Redis | 任意 | 登录验证码和队列都依赖它，必须启动 |
克隆仓库
git clone https://gitcode.com/gh_mirrors/tp/tp6-vue-admin cd tp6-vue-adminls看一眼：tp6/是后端，vue-admin/是前端。注意前端的接口规则和左侧动态菜单都来自后端，所以两边必须同时跑起来，只开前端是登录不进去的。
导入数据库表结构
本项目没有迁移脚本，表结构直接给在 SQL 文件里。先建库，再导入：
mysql -uroot -p -e "CREATE DATABASE tp666 DEFAULT CHARACTER SET utf8mb4" mysql -uroot -p tp666 < tp6/tp666.sql验证一下导入结果：
mysql -uroot -p tp666 -e "SHOW TABLES"看到tp_admin、tp_auth_rule这批tp_前缀的表即成功。
配置 .env 数据库连接
复制模板配置再改（Windows 下换成copy tp6\.example.env tp6\.env）：
cp tp6/.example.env tp6/.env打开tp6/.env，把[DATABASE]段改成你自己的数据库信息：
[DATABASE] TYPE = mysql HOSTNAME = 127.0.0.1 DATABASE = tp666 USERNAME = root PASSWORD = 你的数据库密码 HOSTPORT = 3306 CHARSET = utf8mb4队列和登录验证码都存在 Redis 里，记得确认 Redis 服务已启动，否则登录环节会报错。
安装后端依赖
cd tp6 composer install终端输出Generating autoload files，且tp6/下出现vendor/目录，依赖就绪。
启动后端服务
php think run提示Running on http://0.0.0.0:8000即后端就绪，默认监听 8000 端口。这个终端先别关，前端请求全靠代理转发到这里。
安装前端依赖
cd ../vue-admin npm install输出added xxx packages in xxx s即完成。💡 下载慢的话，可在这个目录建一个.npmrc文件，把 registry 指到镜像源加速。
启动前端联调后端
npm run serve终端出现App running at: http://localhost:8010/即成功。开发服务器代理在vue.config.js里已写死转发到后端的http://127.0.0.1/index.php，.env.development里的VUE_APP_BASE_API默认就是空，不需要改任何配置。
访问后台并登录
浏览器打开http://localhost:8010，用初始数据里的账号登录：
- 账号：
admini - 密码：
123456
登录成功后能看到左侧动态菜单（文章管理、权限管理、日志等），说明整条链路已打通。⚠️ 页面打不开或登录失败时，按顺序检查三件事：① 后端php think run进程是否还活着；②tp6/.env的数据库连接是否正确；③ Redis 是否在运行。
跑起来之后，就可以按项目 model → repository → service → controller 的分层方式往里面加自己的业务模块了。更多用法说明见仓库根目录的 README.md；卡住了也可以扫码进官方社区找作者：
【免费下载链接】tp6-vue-admin基于thinkphp6+vue2.6+element2.13 前后端分离落地解决方案项目地址: https://gitcode.com/gh_mirrors/tp/tp6-vue-admin
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
