若依vue-初步下载使用

若依框架可以满足大部分的后台管理系统的开发,使用频率也是比较高的,所以这里讲一下如何使用若依框架

若依框架代码克隆

首先去若依官网

http://www.ruoyi.vip/

这里演示的是若依-vue版本的使用

若依vue-初步下载使用_第1张图片

我们点击下载 会跳转到码云仓库 或者直接点击下面的链接去码云仓库

https://gitee.com/y_project/RuoYi-Vue

点击克隆 => 复制

若依vue-初步下载使用_第2张图片

然后找一个空白文件夹 打开

输入: (或者复制我的也行)

git clone https://gitee.com/y_project/RuoYi-Vue.git

下载依赖包

因为我们下的虽然是前后端分离的 但是前端和后端的代码我们是一起拉下来的

若依vue-初步下载使用_第3张图片

如图所示 打开这个文件 这个文件内是前端的代码

点进去后 在路径栏输入 cmd 再回车 打开终端

若依vue-初步下载使用_第4张图片

在终端内输入 下载需要的包

npm i

启动项目

一切准备就绪后 在终端内输入下行代码启动项目

npm run dev

可能遇到的问题

npm启动时报错

我最开始启动的时候报错:

这个错误我查阅了资料 应该是使用的node版本过高导致的

解决方法

  1. 输入指令

set NODE_OPTIONS=--openssl-legacy-provider

但是这个治标不治本,每一次启动就要输入一遍才行

  1. 替换成低版本的node

我用的node版本是18+的 应该是需要使用17及以下的版本

卸载指令 npm uninstall -g node

下载指令 npm install 17.xx

登录页面无验证码

若依vue-初步下载使用_第5张图片

这个就是后端的问题了, 后端需要启动对应的代码, 前端页面才会有对应的验证码出现

你可能感兴趣的:(若依,vue.js,前端,javascript)