IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 手把手教你使用IDEA克隆、构建、运行项目 -> 正文阅读

[开发工具]手把手教你使用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项目持续更新!!本教程持续更新!!!

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

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-08-20 15:19:36  更:2021-08-20 15:21:28 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/19 16:20:15-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码