【学习笔记】gin-vue-admin安装

gin-vue-admain安装

实验环境

前端环境

1. 前往https://nodejs.org/zh-cn/ 下载当前版本node
2. 命令行运行 node -v 若控制台输出版本号则前端环境搭建成功
3. node 版本需大于 18.16
4. 开发工具推荐vscode https://code.visualstudio.com/

后端环境

1. 下载golang安装 版本号需>=1.22
2. 国际: https://golang.org/dl/
3. 国内: https://golang.google.cn/dl/
4. 命令行运行 go 若控制台输出各类提示命令 则安装成功 输入 go version 确认版本大于 1.22
5. 开发工具推荐 Goland

克隆项目

拉取github代码

git clone https://github.com/flipped-aurora/gin-vue-admin.git

目录结构如下：

运行后端服务

• 进入server文件

cd server

• 安装后端依赖

go generate

• 运行后端服务

go run main.go

如下图所示，则成功：

运行前端服务

• 进web文件

cd web

• 安装前端依赖

npm install

• 启动前端服务

npm run serve

如下图所示，则成功：

前往初始化

• 打开http://localhost:8080/ 链接，点击前往初始化

• 点击 我已确认

• 初始化数据库

注意：如果mysql的默认存储引擎MyISAM，则初始化会失败。

登录管理后台

立即初始化 成功后会返回到登录界面，输入验证码后，点击 登录，即可成功登录 管理后台