企业级微前端项目完整创建步骤,第一步

第一步:创建项目目录结构

javascript 复制代码
# 创建根目录
mkdir -p qiankun-enterprise/{main-app,vue-app,react-app}
cd qiankun-enterprise

# 初始化项目(实际操作时使用相应的脚手架)
# 主应用:Vue 3 + TypeScript
npm create vite@6.5.0 main-app -- --template vue-ts

# Vue子应用:Vue 3 + TypeScript
npm create vite@6.5.0 vue-app -- --template vue-ts

# React子应用:React + TypeScript
npx create-react-app react-app --template typescript
相关推荐
爱上纯净的蓝天15 天前
使用 AtomCode 构建微前端架构:从设计到实现实战
架构·vue·实战·react·微前端·atomcode
陆业聪2 个月前
WebView内核原理:从Chromium到System WebView的架构全景
状态管理·微前端·大前端
周淳APP2 个月前
微前端核心沙箱机制深度解析:从iframe到乾坤沙箱
前端·学习·iframe·微前端·qiankun·前端架构
Rooting++2 个月前
package.json 的 “workspaces“有什么作用
微前端
陆业聪3 个月前
AI Bug修复与测试生成:从崩溃日志到修复PR的自动化 | AI提效Android开发(5)
状态管理·微前端·大前端
Rooting++3 个月前
无界微前端上线,解决重复添加 CORS 头的问题(*,https://yanshi2.toone.com.cn)
微前端
筱筱°5 个月前
创建一个基于 Vue 的微前端项目
vue.js·微前端
奋飛6 个月前
微前端系列:主流前端框架选型与对比
微前端·qiankun·micro-app·wujie·single-spa
Marshmallowc6 个月前
React stopPropagation 阻止冒泡失效?深度解析 React 17 事件委派机制变更与微前端冲突解决方案
前端·react.js·事件循环·微前端·前端架构