最近有网友朋友在凯哥公众留言说让写个教程。这里凯哥就写个怎么在本地运行起来的。

本文主要分一下几个部分,篇幅或许过长,耐心照着做下来,就可以本地运行了。

一:从git中检出代码

二:前端VUE运行

三:idea导入项目

一:从git将代码clone到本地

1.1:复制地址

af1e6aa2d2ec220fb3d42b63631cae76.png

1.2:在本地创建文件夹,鼠标右键,使用Git Bash Here

0ea77a28180133994085aa430f83de96.png

使用命令:git clone +刚才复制的地址。具体如下:

git clone https://github.com/zhangdaiscott/jeecg-boot.git

注:有些网站不让发送网址,所以有些网站可能看不到具体的命令。谅解

78e15030aa5abb3ac6fa4dbf94cf8b70.png

等待下载完成。即可

二:VUE安装

因为jeecg-boot使用的是前后端分离的。前端使用的是VUE。所以需要按照VUE环境。

2.1:切换到前端目录:

c1b370c9f84fb766a2081072ccb9c3e2.png

使用命令行切换到:ant-design-jeecg-vue

安装yarn。命令:

npm install -g yarn

如果提示:

238a493a254d7b672188898bd1d915fe.png

npm:command not found 。这说明,还没有安装node.所以先要安装node。

node安装:

d0274da98f1644a22df2d841f3de35ee.png

这里凯哥选择的是10.16.0.选择12.4.0会出错的(亲试)

具体步骤,本文略过。

安装完git后重新执行,注意:需要重新打开cmd命令。

acfbe8e27c8214bd7b7bd92c42707a80.png

2.2:下载依赖

使用命令:

yarn install

f500e66e75751b065a7edc3da2986ca3.png

下载需要点时间,耐心等等下载完成。

99a02d46bd0fa111b5c74aac5cd6810d.png

出现Done in xxs 表示下载完成。

2.3:启动项目。命令:

yarn run serve

1a35bd62e3567cc876b82650c93547af.png

129f32e3fef164ff95107a6ab4c0ecdc.png

出现上图说明成功了。会自动打开浏览器。如果没有打开,在浏览器中输入localhost:3000就可看到:

78985d61eef9da546dc99abfb40e3f95.png

其他命令:

# 编译项目

yarn run build

# Lints and fixes files

yarn run lint

三:后台代码导入IDEA中。

在idea中,文件打开--找到刚才下载下来的代码目录。

数据库脚本及数据库配置修改:

afef0538daa3dc29132fce7022daaa0f.png

配置完成。启动项目就可以访问了。

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐