Advertisement

Vue3+Micro App(一)

阅读量:

今日无意间接触到Micro App,实际上其采用的WebComponent理念相较于single-spa的实现方式更契合当前项目的实际需求。然而,公司现有的项目体系目前仍基于qiankun框架进行开发。为验证Micro App所具备的潜在优势,计划通过引入Vue与Micro App相结合的方式开展项目测试。
首先需要完成的是项目的初始化工作:

复制代码
     npm create vite@latest xm-control-micro-main
    
    

第二步:确定使用vue框架
第三步:确定采用TypeScript语言

在这里插入图片描述

项目启动:

在这里插入图片描述

第四步:进行ant-des的安装操作

复制代码
    yarn add ant-design-vue
    
    

第五步:进行ant的配置工作,此处选择采用全局设置的方法

`

全部评论 (0)

还没有任何评论哟~