您现在的位置是:首页 > 技术教程 正文

启动若依前端

admin 阅读: 2024-03-29
后台-插件-广告管理-内容页头部广告(手机)

文章目录

  • 前言
  • 一. 终端启动步骤
    • 1. 安装 Node.js 和 npm
    • 2. 下载 RuoYi 前端代码
    • 3. 安装依赖
    • 4. 修改后端接口地址
    • 5. 启动前端
  • 二、VSCode启动步骤
    • 1. 使用VSCode打开前端代码
    • 2. 打开终端
    • 3. 输入命令进入前端代码所在目录
    • 4. 安装依赖
    • 5. 启动前端
    • 6. 登录若依系统
    • 7. 启动命令:

前言

RuoYi 是一个 Java EE 企业级快速开发平台,基于经典技术组合(Spring Boot、Apache Shiro、MyBatis、Thymeleaf、Bootstrap);在线定时任务配置;支持集群,支持多数据源,支持分布式事务。

一. 终端启动步骤

要启用 RuoYi 前端,你需要完成以下步骤:

1. 安装 Node.js 和 npm

Node.js 是一个 JavaScript 运行时环境,npm 是 Node.js 的包管理器,可以方便地管理 JavaScript 包和依赖。你可以在 Node.js 官网下载适合你操作系统的安装包,安装时自动安装了 npm。

2. 下载 RuoYi 前端代码

下载 RuoYi 前端代码:你可以从 RuoYi 的官方仓库中下载最新版的前端代码,解压后得到一个名为 ruoyi-ui 的文件夹。

3. 安装依赖

安装依赖:打开命令行终端,进入 ruoyi-ui 文件夹,运行以下命令安装依赖:

npm install
  • 1

这个命令会根据 package.json 文件中的依赖信息自动下载并安装所有必要的依赖包,可能需要一些时间,请耐心等待。

4. 修改后端接口地址

修改后端接口地址:打开 src/utils/request.js 文件,将 baseURL 修改为后端接口地址。例如:

baseURL: 'http://localhost:8080/ruoyi/api',
  • 1

5. 启动前端

启动前端:在命令行终端中运行以下命令启动前端:

npm run dev
  • 1

这个命令会启动一个本地服务器,在浏览器中访问 http://localhost:80 (我启动的项目端口号是80,80可以省略), 就可以进入 RuoYi 前端页面了。

启用 RuoYi 前端需要一定的技术储备,如果你不熟悉前端开发,可以请相关人员协助完成。

二、VSCode启动步骤

在 VSCode 中启动 RuoYi 前端,你需要完成以下步骤:

1. 使用VSCode打开前端代码

打开 VSCode 软件,通过菜单 File -> Open Folder 或者快捷键 Ctrl+K Ctrl+O 打开 RuoYi 前端代码所在的文件夹。

2. 打开终端

打开终端:在 VSCode 中,你可以通过菜单 Terminal -> New Terminal 或者快捷键 Ctrl+Shift+ 打开终端。

3. 输入命令进入前端代码所在目录

进入前端代码目录:在终端中输入以下命令,进入 RuoYi 前端代码所在的目录:

cd ruoyi-ui
  • 1

4. 安装依赖

安装依赖:在终端中输入以下命令,安装前端代码所需要的依赖:

npm install
  • 1

5. 启动前端

启动前端:在终端中输入以下命令,启动前端代码:

npm run dev
  • 1

在这里插入图片描述

这个命令会启动一个本地服务器,在浏览器中访问 http://localhost:80 (我启动的项目端口号是80,80可以省略), 就可以进入 RuoYi 前端页面了。

在这里插入图片描述

6. 登录若依系统

在这里插入图片描述

启动 RuoYi 前端需要一定的技术储备,如果你不熟悉前端开发,可以请相关人员协助完成。

7. 启动命令:

npm install npm run build npm run serve(npm run dev)
  • 1
  • 2
  • 3
标签:
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

在线投稿:投稿 站长QQ:1888636

后台-插件-广告管理-内容页尾部广告(手机)
关注我们

扫一扫关注我们,了解最新精彩内容

搜索