Skip to content

初始化

视频教程

【gin-vue-admin】手把手教你使用gin-vue-admin(分P合集)

1.server

1.1 Goland打开server文件夹

  • image-20210709230701840
  • image-20210710082408883

1.2 启动server项目

  • 打开终端工具, 输入以下命令
go mod tidy
# 选择上下命令其一执行即可
go generate -x // -x 显示并执行命令

Go编译工具命令

  1. 启动server项目

    image-20210710084944467

  • 启动成功

    image-20210710085458536

2 web 项目

2.1 安装nodejs

Node.js (nodejs.org)

2.2 使用 vscode 打开 web 项目

image-20210710090346568

image-20210710090522820

2.3 npm i 安装依赖

如果你执行了2.3

  • 打开终端

image-20210710091242940

  • npm i 安装依赖

image-20210710092133461

  • npm i 安装依赖成功

image-20210710092230558

2.4 启动项目

  • 使用 npm run serve 命令启动项目

image-20210710092334248

1.3 启动成功

image-20210710092428018

如果没有正常打开此页面, 请手动打开浏览器 输入网址 http://localhost:8080/ 或者 http://127.0.0.1:8080/

3 init

3.1 初始化数据

  • 前往初始化页面

image-20210710093437964

  • 点击我已确认

image-20210710093531537

  • 输入对应mysql数据库信息

image-20210710093620817

  • 点击立即初始化

image-20210710093756700

  • 正在初始化数据库,请稍候

image-20210710093842228

  • 操作成功

image-20210710094141115

  • 输入验证码后, 点击登录按钮

image-20210710094329635

  • 成功打开仪表盘页面

image-20210710094356041

4. 使用Goland运行web项目

4.1 编辑配置

image-20210710094929206

4.2 添加npm启动项

image-20210710095126844

4.3 配置

image-20210710095356257

4.4 配置完成

image-20210710095715145

4.4 启动web项目

image-20210710095814641

4.5 启动web项目成功

image-20210710095838176

5. gin-vue-admin 版本更新介绍

Copyright © 2020-2024 Flipped-aurora Open Source Community