我的IDEA版本:2021.1

以我的个人开源项目为例,教你使用IDEA克隆、构建、运行项目。

Gitee:https://gitee.com/zchengo/mall

GitHub也有:https://github.com/zchengo/mall

注意一下:在这之前,你确保mysql服务,Redis服务已经启动,Node、npm已安装,IDEA已经安装LomBok、Vue插件。

1、打开IDEA,选择Get from VCS

在这里插入图片描述
2、Version control选择Git,URL为远程仓库地址,Directory的路径的最后一个目录名称与远程仓库名称保持一致,

点击clone。

在这里插入图片描述

克隆后的项目目录如下:

在这里插入图片描述

  • mall-admin模块是Maven项目
  • mall-weapp模块是Maven项目
  • mall-app模块是微信小程序项目
  • mall-web模块是Vue项目

3、选择mall,右键,,点击 Open Module Settings

在这里插入图片描述

接下来开始构建mall项目,

mall-admin模块构建:

在这里插入图片描述
导入mall-admin模块

在这里插入图片描述
在这里插入图片描述
有点乱😀

在这里插入图片描述

mall-admin构建成功,mall-admin字体会变粗。

在这里插入图片描述

点击右侧的Maven,

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

mall-admin模块构建,运行成功!!!

mall-waapp模块构建: 同上,都是Maven项目,和mall-admin模块构建一样。

mall-app模块构建:

mall-app是微信小程序项目,必须使用微信小程序单独打开运行。

由于IDEA不具备微信小程序运行条件,需要使用微信开发者工具单独打开mall-app。

第一步,点击菜单栏中的【工具】->【构建npm】,

第二步,点击右侧【详情】->【本地设置】->勾选【不校验合法域名、web-view…】。最后,点击【编译】。注意:如果是直接【预览】,需要把/utils/request.js中的basePath = http://localhost:9900 中的localhost修改成本机网络的ip地址,如果是使用的是【真机调试】则无需修改。

mall-web模块构建:

这是一个Vue项目,使用IDEA打开的话,需要安装Vue插件。

在这里插入图片描述
接着安装依赖:

cd mall-web
npm install

比如:

在这里插入图片描述
开始安装:

在这里插入图片描述
在这里插入图片描述
安装成功如下:

在这里插入图片描述

在这里插入图片描述

访问一下看看,

在这里插入图片描述

是不是非常简单!!!!

你还可以使用命令行来克隆、运行项目,这里就不演示了。

项目目录结构:

mall
├── mall-admin -- 后台管理接口服务
├── mall-app -- 小程序商城
├── mall-weapp -- 小程序接口服务
├── mall-web -- 商城后台管理
├── database -- 数据库文件

mall-admin启动后,再启动mall-web,数据库文件用Navicat打开,application.yml改一下。

在使用IDEA克隆、构建、运行项目过程中,如果有什么问题,可以在评论区留言,我看到会第一时间回复。

如果mall项目对你有用的话,记得点个Star哦!谢谢!

上链接:

Gitee:https://gitee.com/zchengo/mall

GitHub也有:https://github.com/zchengo/mall

mall项目持续更新!!本教程持续更新!!!

完结撒花,点赞、收藏走一波!谢谢!

Logo

更多推荐