vue

开发

# 克隆项目
git clone https://gitee.com/y_project/RuoYi-Vue

# 进入项目目录
cd ruoyi-ui

# 安装依赖
npm install

# 陈志强：强制安装
npm i --force

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 启动服务
npm run dev

浏览器访问 http://localhost:80

需要引入甘特图的包

npm install webpack@4.47.0 webpack-cli@3.3.12 --save-dev
npm install lodash
npm install less@4.2.1 --save-dev
npm install less-loader@7.3.0 --save-dev --registry https://registry.npmjs.org

如果不能

发布

# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

甘特图原作者测试地址

http://47.242.184.27:8071 , amdin/123456

http://47.242.184.27:8072 , 移动端

http://www.029tec.com/, amdin/123456

甘特图：Vue结合Element UI的el-table打造加工工序甘特图可视化解决方案

https://blog.csdn.net/qq_42696432/article/details/139931242?spm=1001.2014.3001.5501

模块图片增加更改方法

图标矢量图下载地址：https://www.iconfont.cn/

下载图片放在代码地址：cath-ui/src/assets/icons/svg

注意：如果前端依赖不能下载，需要用 npm install --force 强制执行下载依赖

安装依赖错误提示

"C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" install --scripts-prepend-node-path=auto
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @dhtmlx/trial-vue-gantt@1.1.0
npm ERR! Found: vue@2.6.12
npm ERR! node_modules/vue
npm ERR!   vue@"2.6.12" from the root project
npm ERR!   peer vue@"^2.2.0" from @riophae/vue-treeselect@0.4.0
npm ERR!   node_modules/@riophae/vue-treeselect
npm ERR!     @riophae/vue-treeselect@"0.4.0" from the root project
npm ERR!   4 more (@vue/babel-preset-app, @vue/babel-preset-jsx, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^3.0.0" from @dhtmlx/trial-vue-gantt@1.1.0
npm ERR! node_modules/@dhtmlx/trial-vue-gantt
npm ERR!   @dhtmlx/trial-vue-gantt@"1.1.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: vue@3.5.13
npm ERR! node_modules/vue
npm ERR!   peer vue@"^3.0.0" from @dhtmlx/trial-vue-gantt@1.1.0
npm ERR!   node_modules/@dhtmlx/trial-vue-gantt
npm ERR!     @dhtmlx/trial-vue-gantt@"1.1.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\ccczq\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\ccczq\AppData\Local\npm-cache\_logs\2025-04-13T02_43_09_482Z-debug-0.log

Process finished with exit code 1

解决方案二：不升级 Vue，兼容安装依赖

你还是想用 Vue 2，那可以用 跳过 peer 依赖冲突的方式安装：

bash


复制编辑
npm install --legacy-peer-deps

或者强制安装（不推荐，但可以应急）：

bash


复制编辑
npm install --force

🔥 推荐先试 --legacy-peer-deps，这个是比较温和的方式。