若依V3 | RuoYi-Vue3-JS Doc

简介: 个人比较喜欢vue3的开发方式,目前也是全职前端,使用vue来作为技术站开发。在这里使用若依,并没有打算抄袭人家的成果,只是偶然在gitee的评价中看到,官方目前没有打算使用Vue3来更新前端。

若依V3 #


首先明确一个问题,这里不是官方的。我个人并不是若依团队的成员,只是一个开发爱好者。官方请查看


项目文档地址:http://ruoyi-doc.chenliangliang.top/


项目演示地址:http://ruoyi.chenliangliang.top/


项目代码地址:https://github.com/cll123456/rouyi-cloud-vue3

动机 #


个人比较喜欢vue3的开发方式,目前也是全职前端,使用vue来作为技术站开发。在这里使用若依,并没有打算抄袭人家的成果,只是偶然在gitee的评价中看到,官方目前没有打算使用Vue3来更新前端。


9cc52ea136257b06713dc6a5f5e98854.png


TIP


既然人家现在没有时间,那就我先来试试水。看看会不会存在重大问题,顺便让自己对知识的理解更加深刻!!! 🎉 💯 ``


项目结构 #


本项目的后端是若依的后台,前台使用的是Vite, VUE3.3.20, Vue-router, Vux, element-plus, Scss, axios等。


由于使用了vite作为构建工具,项目在启动和热加载都是非常快的哦!💯


代码规范 #


项目完全采用目前最新语法setup形式来写的:


513191362979c53c64c42d4b03ba5679.png


代码主要改造的是js,其他的都高度还原了原来的成分,主要是为了大家方便使用。代码中的js也都基本写了注释,方便大家理解代码的意思。


项目效果 #


项目目前采用的ui和若依保持高度一致,增加了自定义主题,默认生成warning, info, 和success等


dde0dd29b20b9f714178c8ca16e22035.png

f8232afd681eef427d81c8feab485f6d.png

9017171cc7010bcebaec6e857a926afd.png

b9290d161bc430c0949dc91f561c1001.png

相关文章
|
前端开发
若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
1458 0
|
JavaScript 开发者
Vue 创建项目后没有 webpack.config.js(vue.config.js) 文件
Vue 创建项目后没有 webpack.config.js(vue.config.js) 文件
629 0
|
10月前
|
小程序
vue3.0 vue.config.js 配置基础的路
vue3.0 vue.config.js 配置基础的路
|
JavaScript 开发工具 git
Vue.js学习笔记(二、目录结构)
Vue.js学习笔记(二、目录结构)
326 0
Vue.js学习笔记(二、目录结构)
|
JavaScript
Vue.js CLI4 Vue.config.js标准配置 (最全注释)
Vue.js CLI工具 不知不觉发展到了4.0时代,CLI给人最直白的感受是没有了build文件夹跟config文件夹,所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么配置的。
|
10月前
|
JavaScript 数据安全/隐私保护
Vue 项目使用 mock.js
Vue 项目使用 mock.js
65 0
|
JavaScript 搜索推荐 应用服务中间件
Vue-cli中 vue.config.js 的配置详解
Vue-cli中 vue.config.js 的配置详解
774 0
|
JavaScript 前端开发
vue-cli 4x vue.config.js配置-vue单文件的调试技巧
之前一直用的是 vue init webpack my-project 创建项目 2.基础项目的结构也很完善 最近又看了遍 vue-cli 发现用法不太一样,就玩了下 首先刚开始用的时候我内心也是排斥的,毕竟新版 默认创建的话 比较空空如也 但是要拥抱变化嘛, 发现可取之处,从0开始搭建结构,有助于对整个项目, 脚手架都有更深的认识 简单的不同点罗列如下 准备工作
439 0
vue-cli 4x vue.config.js配置-vue单文件的调试技巧
|
XML 前端开发 JavaScript
带你玩转vue——简单高效的vue.config.js配置
带你玩转vue——简单高效的vue.config.js配置