记录一次 vue2 前端项目整合过程

整合成功效果图

具体说明:

项目A是现在的vue2前端项目,项目B是一个开源的工作流前端,项目后端代码已经整合了,就不多提了。这里主要记录下前端整合的过程和思路。

1、开源工作流里面的功能,拷贝到自己对应的vue2项目里面,且每个文件夹都对应新建一个oa文件夹,用来存放迁移的流程

2、注意各种路径全局替换,最好从开源文件夹里全局替换后,再拷贝到自己的项目里面

3、迁移main.js里面的相关引用

4、把pakagejs里面非dependencies和devDependencies的对比下差异,手动迁移过去

5、把新老pakagejs里面dependencies和devDependencies让AI给你对比下缺什么组件

6、然后再让AI帮你生产npm安装命令

7、安装后,重新npm -i ,把出现的错误,发给AI,让他给你分析,比如:

直接发错误信息出去

 ERROR  Failed to compile with 8 errors                                                                                     下午10:44:54error  in ./src/views/dingflow/common/process/nodes/ConditionNode.vue?vue&type=style&index=0&id=d4b010d8&lang=less&scoped=true&Syntax Error:box-shadow: 0px 0px 3px 0px @theme-primary;^
Variable @theme-primary is undefinedError in C:\Users\Administrator\Desktop\Project\ui\src\views\dingflow\common\process\nodes\ConditionNode.vue (line 221, column 34)

8、然后爬坑成功

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/698128.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

傻瓜化备份/恢复K8S集群Etcd数据

前言: 备份重要数据,简化重复操作,让一指禅、点点点也能完成运维任务。 脚本呈现界面如下: 1、查看Etcd版本 rootmaster:~# cat /etc/kubernetes/manifests/etcd.yaml | grep image: | awk {print $2} registry.aliyuncs.com/goo…

享元模式详解

享元模式 1 概述 定义: ​ 运用共享技术来有效地支持大量细粒度对象的复用。它通过共享已经存在的对象来大幅度减少需要创建的对象数量、避免大量相似对象的开销,从而提高系统资源的利用率。 2 结构 享元(Flyweight )模式中存…

论文翻译及部分笔记:LANDMARC: Indoor Location Sensing Using Active RFID

LANDMARC: Indoor Location Sensing Using Active RFID 摘要 移动计算设备和嵌入式技术的日益融合引发了“上下文感知”应用的发展和部署,其中位置是最重要的上下文。在本文中,我们介绍了一种名为LANDMARC的定位感知原型系统,该系统使用射频识…

归档文件整理规则,一键按扩展名归类,轻松打造有序文档世界!

我们的电脑里充斥着各种各样的文件:图片、文档、视频、音频……它们如同一座座无序的小山,让人眼花缭乱,难以找到所需。你是否曾为了找一个文件而翻遍整个电脑?是否曾因为文件混乱而错失了重要信息?别担心,…

Spring AI开发前期开发指导(maven依赖下载问题解决)

文章目录 说明开发条件网络环境准备本地环境准备开发工具准备 特殊说明maven配置项目jar一致下载错误解决可行的版本搭配 说明 动力节点视频教程地址,本文章学习该教程,同时说明的maven配置问题导致的项目依赖下载失败的问题和其他问题的记录。 开发条…

网络安全快速入门(十一)vi/vim

11.1 了解vi 前面我i们已经在基础命令中大致了解了vi,本章我们针对vi来细讲一下,vi和vim 11.1.1 什么是vi/vim? vi和vim,都是一个模块化的文本编辑工具,换句话讲,通过vi下的一系列的命令,可以实…

微服务部署不迷茫:4大部署模式深度解析,轻松驾驭云原生时代

微服务部署最全详解(4种常见部署模式) 微服务多实例部署 每个微服务都独立部署在自己的运行环境中,这是微服务架构的核心思想。 一般会采用每个主机多个服务实例,如下所示: 这是一种传统的应用部署方法,每个服务实例在一个或多个…

算法day05

第一题 1004. 最大连续1的个数 III 题目如下所示: 如上题所示: 题目本意是在一个数组中只有1和0,给定一个k值,将小于k个0翻转成1,然后返回最终得到最长的1的个数; 我们将这到题的意思转化为另外一种意思&…

Web3 Tools - Base58

Base58编码 Base58编码是一种用于表示数字的非常见的编码方法。它通常用于加密货币领域,例如比特币和其他加密货币的地址表示。 什么是Base58编码? Base58编码是一种将数字转换为人类可读形式的编码方法。与常见的Base64编码不同,Base58编码…

uniapp小程序:大盒子包裹小盒子但是都有点击事件该如何区分?

在开发过程中我们会遇到这种情况,一个大盒子中包裹这一个小盒子,两个盒子都有点击事件,例如: 这个时候如果点击评价有可能会点击到它所在的大盒子,如果使用css中的z-index设置层级的话如果页面的盒子多的话会混乱&…

算法学习笔记(4)-基础排序算法

##O(n^2)算法时间复杂度的排序算法 目录 ##O(n^2)算法时间复杂度的排序算法 ##选择排序 ##原理 ##图例 ##代码实现示例 ##冒泡排序 ##原理 ##图例 ##代码实现示例 ##插入排序 ##原理 ##图例 ##代码实现示例 ##总结 ##选择排序 ##原理 在一个无序的数组或者列表…

Hashmap详细解析,原理及使用方法分析

hashmap基本原理 根据的hashCode值存储数据。由数组链表组成的,Entnr数组是HashMap的主体,数组中每个元素是一个单向链表。链表则是1/1解哈希冲突而存在的。在lava8中,使用红黑树优化。当链表长度大于8并且元素个数大于64,转为红…