手把手教你使用IDEA克隆、构建、运行项目

我的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项目持续更新！！本教程持续更新！！！

完结撒花，点赞、收藏走一波！谢谢！