一、前端部署(管理员页面)

1.环境

环境 版本 下载地址
node.js v14.17.0 https://nodejs.org/download/release/v14.17.0/node-v14.17.0-x64.msi
 npm 6.14.13 与node.js安装包一起下载的,无需单独安装
VS Code 最新版 可正常打开项目目录

2.环境部署

2.1 安装node.js

        安装步骤:双击安装包,一路 “Next”,勾选 Add to PATH(自动配置环境变量);

        验证:node -v npm -v

        

2.2 项目拉取 / 解压

  1. 将苍穹外卖前端项目压缩包解压到本地目录(示例:E:\PersonalWorkProject\skyTakeawayProject\project-sky-admin-vue-ts
  2. 打开 VS Code,通过「文件」→「打开文件夹」选择项目目录

2.3 安装依赖

2.3.1 安装 cnpm(国内镜像加速,避免下载慢):

npm install -g cnpm --registry=https://registry.npmmirror.com

2.3.2 初始化安装所有依赖

cnpm install

2.3.3 运行项目

npm run serve

验证:出现下面的截图,运行成功!

二、后端部署

1.环境

软件 版本 下载地址
IDEA 2024 下载 IntelliJ IDEA
maven 3.9.11 Download Apache Maven – Maven
jdk 17

https://www.oracle.com/java/technologies/javase/jdk17-0-13-later-archive-downloads.html

mysql 8.0.44

https://dev.mysql.com/downloads/mysql/8.4.html

redis 3.0.504 https://github.com/microsoftarchive/redis/releases/download/win-3.0.504/Redis-x64-3.0.504.msi
Navicat 17 https://www.navicat.com.cn/download/navicat-premium

2.环境部署

2.1软件安装

        MySQL安装:MySQL8.0最新最全下载及安装配置教程(保姆级)_mysql8.0安装教程-CSDN博客

        Navicate安装(管理数据库的图形化工具):【2025版】超详细Navicat+MySQL安装保姆级教程,永久免费使用,数据库环境配置和使用指南,看完这一篇就够了_navicat免费版-CSDN博客

        JDK安装:JDK 安装与环境变量配置(Win10详细版)_jdk环境变量配置win10-CSDN博客

        IDEA安装:【附安装包】IDEA下载、安装、配置与使用(保姆级教程)_idea下载安装配置教程-CSDN博客

       Maven安装:【2025 最新】 Maven 下载安装与配置教程(超详细带图文Windows 版):从入门到实战_maven下载安装与配置-CSDN博客

        redis安装:Window下Redis的安装和部署详细图文教程(Redis的安装和可视化工具的使用)_redis安装-CSDN博客

2.2 项目导入

1、文件->打开->目录文件

2、设置环境

        设置SDK:文件->项目结构      

        设置Maven:文件->设置->Maven

        主路径:下载到本地的maven地址

        本地仓库,尽量在较大的盘,有很多依赖文件需要下载到本地

2.3 项目运行

  1、打开数据库,运行SQL文件

2、运行数据库(图标变绿即可)

检查配置文件

确认与自己的数据库配置一致即可运行

三、项目文档以及软件资源

总结


链接: https://pan.baidu.com/s/1hgsvmRdMw-jAX1bs0m0ylg?pwd=6fg4 提取码: 6fg4 

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐