Skip to content
On this page
geelevel

初始化

视频教程

TIP

强烈建议将本分P视频看完后再进行开发,新版UI样式有些许差别,单基础操作无变化。

【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

2.5 启动成功

image-20210710093437964

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

3 init

3.1 初始化数据

  • 前往初始化页面

image-init

  • 点击我已确认

TIP

需要保证数据库驱动为innodb

  • 点击立即初始化

image-20210710093531537

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

image-20210710093842228

  • 初始化成功 上一步执行完成后,会自动跳转到登录页面,输入账号密码即可登录

附. 使用Goland运行web项目

附.1 编辑配置

image-20210710094929206

附.2 添加npm启动项

image-20210710095126844

附.3 配置

image-20210710095356257

附.4 配置完成

image-20210710095715145

附.5 启动web项目

image-20210710095814641

附.6 启动web项目成功

image-20210710095838176

Copyright © 2020-2024 Flipped-aurora Open Source Community